diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 74516b562..41eec733f 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -191,6 +191,10 @@ ion-button.ion-text-wrap {
     }
 }
 
+ion-button.button-outline {
+    --background: var(--contrast-background);
+}
+
 @each $color-name, $value in $colors {
     .text-#{$color-name},
     p.text-#{$color-name} {