diff --git a/src/elements/button/common/button-common.scss b/src/elements/button/common/button-common.scss
index ca0eda4871..c1b662298e 100644
--- a/src/elements/button/common/button-common.scss
+++ b/src/elements/button/common/button-common.scss
@@ -184,7 +184,6 @@ $active: ':active, [data-active]';
     }
 
     :host(:not(#{$disabled}):is(#{$active})) & {
-      color: var(--sbb-button-color-active-text);
       background-color: var(--sbb-button-color-active-background);
       border-color: var(--sbb-button-color-active-border);
     }
@@ -201,6 +200,10 @@ $active: ':active, [data-active]';
     pointer-events: none;
   }
 
+  :host(:not(#{$disabled}):is(#{$active})) & {
+    color: var(--sbb-button-color-active-text);
+  }
+
   :host(:not(#{$disabled}, #{$active}):hover) & {
     @include sbb.hover-mq($hover: true) {
       color: var(--sbb-button-color-hover-text);