diff --git a/components/content/ArticleSystemDistributionPlot.vue b/components/content/ArticleSystemDistributionPlot.vue
index 767c5160d5663ed483ae4649753cbdb8e7c87b19..6bf20a3b126883ae1663c21baa0c1d26b55e37bf 100644
--- a/components/content/ArticleSystemDistributionPlot.vue
+++ b/components/content/ArticleSystemDistributionPlot.vue
@@ -146,7 +146,7 @@ async function fetchRefSeqTaxo() {
 
 </script>
 <template>
-    <v-card flat>
+    <v-card flat color="transparent">
         <v-card-text>
             Among the {{ d3.format(",")(systemStatistics.totalGenome) }} complete genomes of RefSeq, the {{ page.title
             }} is