diff --git a/pages/refseq.vue b/pages/refseq.vue
index e3f27c2f04267e3cc0881bb87847d7ba819a2483..85d78f2391c3f7cc1d765619a94bb944741d3592 100644
--- a/pages/refseq.vue
+++ b/pages/refseq.vue
@@ -169,13 +169,16 @@ const computedDistriTaxoOptions = computed(() => {
     </v-data-table-virtual>
   </v-card>
   <v-card class="my-3">
-    <v-toolbar density="compact"><v-toolbar-title> Distribution Systems</v-toolbar-title></v-toolbar>
+    <v-card-title> Systems Distribution</v-card-title>
+
+    <!-- <v-toolbar density="compact"><v-toolbar-title> Distribution Systems</v-toolbar-title></v-toolbar> -->
     <v-card-text>
       <PlotFigure :options="unref(computedDistriSystemOptions)" defer></PlotFigure>
     </v-card-text>
   </v-card>
   <v-card>
-    <v-toolbar color="primary" density="compact"><v-toolbar-title> Distribution </v-toolbar-title></v-toolbar>
+    <v-card-title> Taxonomic Distribution</v-card-title>
+    <!-- <v-toolbar density="compact"><v-toolbar-title> Distribution Taxonomy</v-toolbar-title></v-toolbar> -->
     <v-card-text>
       <v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact"
         label="Select taxonomic rank"></v-select>