Align display of document table with design

Author: AndreasEngelmark

web/profiles/custom/os2loop/themes/os2loop_theme/assets/signifly-custom/pages/document.scss

@@ -31,4 +31,49 @@ $taxonomy-colors: (
 	.os2loop-highlighted-container {
 		@extend .block-primary-light-green;
 	}
+
+	table.paragraph--type--os2loop-documents-table,
+	table.loop-documents-table {
+		@extend .w-100;
+
+		border-collapse: separate;
+		border-spacing: 0;
+
+		tr th,
+		tr td {
+			border-right: 1px solid $gray-500;
+			border-bottom: 1px solid $gray-500;
+			padding: 12px 20px;
+		}
+
+		tr th:first-child,
+		tr td:first-child {
+			border-left: 1px solid $gray-500;
+		}
+
+		tr th {
+			background: $gray-200;
+			border-top: 1px solid $gray-500;
+		}
+
+		// top-left border-radius
+		tr:first-child th:first-child {
+			border-top-left-radius: 6px;
+		}
+
+		// top-right border-radius
+		tr:first-child th:last-child {
+			border-top-right-radius: 6px;
+		}
+
+		// bottom-left border-radius
+		tr:last-child td:first-child {
+			border-bottom-left-radius: 6px;
+		}
+
+		// bottom-right border-radius
+		tr:last-child td:last-child {
+			border-bottom-right-radius: 6px;
+		}
+	}
 }