diff --git a/js/apps/system/aardvark/frontend/css/api.css b/js/apps/system/aardvark/frontend/css/api.css
index c44df18834..65063b9103 100644
--- a/js/apps/system/aardvark/frontend/css/api.css
+++ b/js/apps/system/aardvark/frontend/css/api.css
@@ -5,7 +5,6 @@
 .api-actions {
   margin: 0 !important;
   padding: 0;
-  background-color: rgba(0,0,0,0.15) !important;
 }
 
 .api-actions .container {
diff --git a/js/apps/system/aardvark/frontend/css/collectionsView.css b/js/apps/system/aardvark/frontend/css/collectionsView.css
index d1daeffb52..2d3202c7a6 100644
--- a/js/apps/system/aardvark/frontend/css/collectionsView.css
+++ b/js/apps/system/aardvark/frontend/css/collectionsView.css
@@ -24,7 +24,6 @@
 
 .thumbnails2 {
   padding-top: 1px !important;
-  background-color: rgba(0, 0, 0, 0.15);
   margin-left:0;
   margin-bottom:0;
 }
@@ -35,12 +34,10 @@
   padding-right: 0px;
   padding-bottom: 5px;
   padding-top: 13px;
-  background-color: rgba(0, 0, 0, 0.15);
 }
 
 .thumbnails li {
   background-color: #f4f3f3;
-  /*border: 2px solid rgba(0, 0, 0, 0.1);*/
 }
 
 .thumbnails a.add {
diff --git a/js/apps/system/aardvark/frontend/css/databaseView.css b/js/apps/system/aardvark/frontend/css/databaseView.css
index 244853d67e..5817bfa535 100644
--- a/js/apps/system/aardvark/frontend/css/databaseView.css
+++ b/js/apps/system/aardvark/frontend/css/databaseView.css
@@ -1,5 +1,4 @@
 #databaseDiv {
-  background-color: rgba(0,0,0,0.15);
   padding: 5px;
 }
 
diff --git a/js/apps/system/aardvark/frontend/css/datatables.css b/js/apps/system/aardvark/frontend/css/datatables.css
new file mode 100644
index 0000000000..b54faf0a3f
--- /dev/null
+++ b/js/apps/system/aardvark/frontend/css/datatables.css
@@ -0,0 +1,13 @@
+table.dataTable-fixed {
+  table-layout: fixed;
+}
+
+table.dataTable-fixed thead {
+  text-align: left;
+}
+
+table.dataTable-fixed thead tr{
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-bottom-color: #C2C2C2;
+}
diff --git a/js/apps/system/aardvark/frontend/css/documentsView.css b/js/apps/system/aardvark/frontend/css/documentsView.css
index a9ebd084f0..bbddcc4268 100644
--- a/js/apps/system/aardvark/frontend/css/documentsView.css
+++ b/js/apps/system/aardvark/frontend/css/documentsView.css
@@ -42,7 +42,6 @@ table.dataTable thead th {
 }
 
 #documentsFooterBox {
-  background-color: rgba(0,0,0,0.15);
   height: 56px;
 }
 
@@ -78,7 +77,6 @@ table.dataTable thead th {
 }
 
 .arangoDropdown {
-  background-color: rgba(0,0,0,0.15);
   margin-bottom: -10px;
 }
 
@@ -140,7 +138,6 @@ table.dataTable thead th {
 
 #documentsDiv {
   margin-top: 10px !important;
-  background-color: rgba(0, 0, 0, 0.15);
 }
 
 #documentsTableID thead {
diff --git a/js/apps/system/aardvark/frontend/css/general.css b/js/apps/system/aardvark/frontend/css/general.css
new file mode 100644
index 0000000000..e83ad02b97
--- /dev/null
+++ b/js/apps/system/aardvark/frontend/css/general.css
@@ -0,0 +1,75 @@
+/* Sets the default values shared for content views*/
+
+#aboutDiv, #queryDiv, #queryDropdown,
+#documentsFooterBox, #documentsDiv,
+#databaseDiv,
+.arangoDropdown,
+.thumbnails2, .thumbnails,
+.api-actions
+{
+  background-color: rgba(0, 0, 0, 0.15);
+}
+
+/* layout.css
+#aboutDiv {
+  padding-bottom: 5px;
+}
+
+queryView.css
+#queryDiv {
+  margin-top: 0px !important;
+  padding-top: 6px !important;
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-bottom: 5px !important;
+}
+
+#queryDropdown {
+  margin-left: 0;
+  margin-right: 0;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+documentsView.css
+#documentsFooterBox {
+  height: 56px;
+}
+
+.arangoDropdown {
+  margin-bottom: -10px;
+}
+
+#documentsDiv {
+  margin-top: 10px !important;
+}
+
+#databaseDiv {
+  padding: 5px;
+}
+
+collectionsView.css
+
+.thumbnails {
+  margin-left:0px;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-bottom: 5px;
+  padding-top: 13px;
+}
+
+
+.thumbnails2 {
+  padding-top: 1px !important;
+  margin-left:0;
+  margin-bottom:0;
+}
+
+api.css 
+
+.api-actions {
+  margin: 0 !important;
+  padding: 0;
+}
+
+*/
diff --git a/js/apps/system/aardvark/frontend/css/layout.css b/js/apps/system/aardvark/frontend/css/layout.css
index b8f8fcab9d..06c18464fe 100644
--- a/js/apps/system/aardvark/frontend/css/layout.css
+++ b/js/apps/system/aardvark/frontend/css/layout.css
@@ -204,7 +204,6 @@ table .sorting {
 
 /* ABOUT VIEW */
 #aboutDiv {
-  background-color: rgba(0,0,0,0.15);
   padding-bottom: 5px;
 }
 
diff --git a/js/apps/system/aardvark/frontend/css/logsView.css b/js/apps/system/aardvark/frontend/css/logsView.css
index a21c75c319..6b577c3322 100644
--- a/js/apps/system/aardvark/frontend/css/logsView.css
+++ b/js/apps/system/aardvark/frontend/css/logsView.css
@@ -104,9 +104,9 @@ background-color: none !important;
 }
 
 #logContent .dataTable {
-› table-layout:fixed !important;
-› border-collapse:separate;
-› border-spacing:0 5px;
+  table-layout:fixed !important;
+  border-collapse:separate;
+  border-spacing:0 5px;
 }
 
 #logPaginationDiv a {
diff --git a/js/apps/system/aardvark/frontend/css/queryView.css b/js/apps/system/aardvark/frontend/css/queryView.css
index 711bed3340..89f9137396 100644
--- a/js/apps/system/aardvark/frontend/css/queryView.css
+++ b/js/apps/system/aardvark/frontend/css/queryView.css
@@ -56,7 +56,6 @@
 }
 
 #queryDiv {
-  background-color: rgba(0,0,0,0.15);
   margin-top: 0px !important;
   padding-top: 6px !important;
   padding-left: 5px;
@@ -251,7 +250,6 @@
   margin-right: 0;
   padding-left: 5px;
   padding-right: 5px;
-  background-color: rgba(0,0,0,0.15);
 }
 
 #queryDropdownIn {
diff --git a/js/apps/system/aardvark/manifest.json b/js/apps/system/aardvark/manifest.json
index ba894fef65..b226390a2d 100644
--- a/js/apps/system/aardvark/manifest.json
+++ b/js/apps/system/aardvark/manifest.json
@@ -124,7 +124,9 @@
         "frontend/css/modal.css",
         "frontend/css/ansi.css",
         "frontend/css/graphlayout.css",
+        "frontend/css/datatables.css",
         "frontend/css/api.css",
+        "frontend/css/general.css",
         "frontend/css/screenSizes.css",
         "frontend/ttf/arangofont/style.css"
       ]