diff --git a/src/components/Button.svelte b/src/components/Button.svelte
index 926277421..bfcfb7c31 100644
--- a/src/components/Button.svelte
+++ b/src/components/Button.svelte
@@ -213,7 +213,7 @@
   }
   .secondary-toggle-on[disabled] {
     background-color: var(--color-fill-ghost);
-    color: var(--color-fill-gray);
+    color: var(--color-foreground-disabled);
     border: none;
   }
   .secondary-toggle-on:not([disabled]):hover {
diff --git a/src/views/projects/Header/SeedButton.svelte b/src/views/projects/Header/SeedButton.svelte
index 200e7a587..2b52fe394 100644
--- a/src/views/projects/Header/SeedButton.svelte
+++ b/src/views/projects/Header/SeedButton.svelte
@@ -81,7 +81,7 @@
   }
   .disabled {
     background-color: var(--color-fill-ghost-hover);
-    color: var(--color-foreground-dim);
+    color: var(--color-foreground-disabled);
   }
 </style>