diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss
index aa9eb62a0b..75d2847787 100644
--- a/scss/mixins/_buttons.scss
+++ b/scss/mixins/_buttons.scss
@@ -52,7 +52,7 @@
 @mixin button-outline-variant($color) {
   color: $color;
   background-image: none;
-  background-color: $body-bg;
+  background-color: transparent;
   border-color: $color;
 
   &:focus,