diff --git a/components/content/ArticleSystemDistributionPlot.vue b/components/content/ArticleSystemDistributionPlot.vue
index e214cb2fe1452ac68b40457f12d2726b0d72e225..c644c73cb846df8258412e82123ad187feaa4d6c 100644
--- a/components/content/ArticleSystemDistributionPlot.vue
+++ b/components/content/ArticleSystemDistributionPlot.vue
@@ -104,7 +104,7 @@ const distributionOptions = computed(() => {
         ...toValue(margin),
         y: { label: `% of genomes encoding ${toValue(page)?.title ?? 'the system'}` },
         x: { label: selectedTaxoRank.value, tickRotate: 45 },
-        color: { scheme: "plasma", legend: true, domain: [0, 100], marginLeft: 10, label: "percentage" },
+        color: { scheme: "plasma", legend: true, reverse: true, domain: [0, 100], marginLeft: 10, label: "percentage" },
         width: computedWidth.value - marginRight - marginLeft,
         marks: [
             Plot.barY(
diff --git a/components/content/RefseqDb.vue b/components/content/RefseqDb.vue
index b287ba8713eba28132b06f7159592565ef6962a5..5c4e50483c60c887df97847c06dc0be20accdc69 100644
--- a/components/content/RefseqDb.vue
+++ b/components/content/RefseqDb.vue
@@ -351,7 +351,7 @@ const binPlotOptions = computed(() => {
         grid: true,
         aspectRatio: height ? undefined : 1,
         x: { tickRotate: 90, label: "Systems", domain: toValue(sortedCellDomain) },
-        color: { scheme: "plasma", legend: true, label: `Proportion per ${selectedTaxoRank.value}`, domain: [0, 100] },
+        color: { scheme: "plasma", legend: true, reverse: true, label: `Proportion per ${selectedTaxoRank.value}`, domain: [0, 100] },
     }
 })