diff --git a/app/assets/stylesheets/admin/budgets/heading_mode.scss b/app/assets/stylesheets/admin/budgets/heading_mode.scss
index cddd75e1d..abeece95c 100644
--- a/app/assets/stylesheets/admin/budgets/heading_mode.scss
+++ b/app/assets/stylesheets/admin/budgets/heading_mode.scss
@@ -66,12 +66,6 @@
   }
 
   .close-button {
-    border: 3px solid $admin-text;
-    border-radius: 50%;
-    color: $admin-text;
-    font-size: rem-calc(23);
-    font-weight: bold;
-    height: rem-calc(30);
-    width: rem-calc(30);
+    @include modal-close-button($admin-text);
   }
 }
diff --git a/app/assets/stylesheets/mixins/buttons.scss b/app/assets/stylesheets/mixins/buttons.scss
index 72691b9f1..39445e20a 100644
--- a/app/assets/stylesheets/mixins/buttons.scss
+++ b/app/assets/stylesheets/mixins/buttons.scss
@@ -120,3 +120,13 @@
     }
   }
 }
+
+@mixin modal-close-button($color: currentcolor) {
+  border: 3px solid $color;
+  border-radius: 50%;
+  color: $color;
+  font-size: rem-calc(23);
+  font-weight: bold;
+  height: rem-calc(30);
+  width: rem-calc(30);
+}