diff --git a/src/styled/components/button.css b/src/styled/components/button.css
index 4b0e0dd14ec..bfa35cccb4f 100644
--- a/src/styled/components/button.css
+++ b/src/styled/components/button.css
@@ -148,9 +148,9 @@
 
   /* outline */
   &-outline {
-    @apply bg-transparent text-neutral border-current;
+    @apply bg-transparent text-base-content border-current;
     &:hover {
-      @apply bg-neutral-focus border-neutral-focus text-base-100;
+      @apply bg-base-content border-base-content text-base-100;
     }
     &:focus-visible {
       @apply ring-current;