diff --git a/components/ServerDbTable.vue b/components/ServerDbTable.vue
index 869ecc6dd5e5064ddf842afa1e04de7dae2d02bc..81fa23df30cf8c657d60e119b9614b1c65584b54 100644
--- a/components/ServerDbTable.vue
+++ b/components/ServerDbTable.vue
@@ -327,7 +327,7 @@ function namesToAccessionChips(names: string[]) {
 
 </script>
 <template>
-    <v-card flat>
+    <v-card flat color="transparent">
         <v-card-text>
             <v-row>
                 <v-col cols="5">
@@ -363,7 +363,7 @@ function namesToAccessionChips(names: string[]) {
                 </v-col>
             </v-row>
         </v-card-text>
-        <v-data-table-server v-if="!msError" v-model:page="reactiveParams.page"
+        <v-data-table-server v-if="!msError" v-model:page="reactiveParams.page" color="primary"
             v-model:items-per-page="reactiveParams.hitsPerPage" v-model:sortBy="sortByRef" v-model:expanded="expanded"
             show-expand fixed-header :loading="loading" :headers="headers" :items="msResult?.hits ?? []"
             :items-length="msResult?.totalHits ?? 0" :item-value="itemValue" multi-sort density="compact"
diff --git a/components/content/RefseqDb.vue b/components/content/RefseqDb.vue
index 99aa1ebdeede76a3163ced2e9f673f414dbec3d9..0d92234412755e0cc3d52f974637a3012d3dff6e 100644
--- a/components/content/RefseqDb.vue
+++ b/components/content/RefseqDb.vue
@@ -151,7 +151,7 @@ function capitalize([first, ...rest]) {
 </script>
 
 <template>
-    <v-card flat class="mb-2">
+    <v-card flat class="mb-2" color="transparent">
         <v-toolbar density="compact">
             <v-toolbar-title>Distributions</v-toolbar-title>
             <v-btn-toggle v-model="distriTool" multiple density="compact" rounded="false" variant="text" color="primary"
@@ -162,7 +162,7 @@ function capitalize([first, ...rest]) {
         </v-toolbar>
         <v-row align="start" class="mb-2">
             <v-col :cols="fullWidth ? 12 : 6">
-                <v-card flat class="my-3">
+                <v-card color="transparent" flat class="my-3">
                     <v-card-title>Systems </v-card-title>
 
                     <v-card-text>
@@ -171,7 +171,7 @@ function capitalize([first, ...rest]) {
                 </v-card>
             </v-col>
             <v-col :cols="fullWidth ? 12 : 6">
-                <v-card flat>
+                <v-card flat color="transparent">
                     <v-card-title>Taxonomic</v-card-title>
                     <v-card-text>
                         <v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact"