diff --git a/app/assets/stylesheets/admin/budgets_wizard/creation_timeline.scss b/app/assets/stylesheets/admin/budgets_wizard/creation_timeline.scss
index f45760e10..840f302b3 100644
--- a/app/assets/stylesheets/admin/budgets_wizard/creation_timeline.scss
+++ b/app/assets/stylesheets/admin/budgets_wizard/creation_timeline.scss
@@ -13,7 +13,7 @@
     text-transform: uppercase;
 
     &::before {
-      @extend %brand-background;
+      @include brand-background;
       border-radius: 50%;
       content: "";
       height: 20px;
diff --git a/app/assets/stylesheets/budgets/single_heading.scss b/app/assets/stylesheets/budgets/single_heading.scss
index 37edec0d7..2c6afd73a 100644
--- a/app/assets/stylesheets/budgets/single_heading.scss
+++ b/app/assets/stylesheets/budgets/single_heading.scss
@@ -4,7 +4,7 @@
   position: relative;
 
   &::after {
-    @extend %brand-background;
+    @include brand-background;
     bottom: 0;
     content: "";
     height: rem-calc(6);