diff --git a/src/dialog/main.scss b/src/dialog/main.scss
index 711e464195..1a2e19886c 100644
--- a/src/dialog/main.scss
+++ b/src/dialog/main.scss
@@ -57,7 +57,7 @@
     }
 
     &-btn + &-btn {
-        margin-left: $s-1;
+        margin-left: $dialog-footer-button-spacing;
     }
 
     &-close {
diff --git a/src/dialog/scss/variable.scss b/src/dialog/scss/variable.scss
index 19cf5c5409..4929b6561a 100644
--- a/src/dialog/scss/variable.scss
+++ b/src/dialog/scss/variable.scss
@@ -69,6 +69,9 @@ $dialog-footer-padding-bottom: $s-3 !default;
 /// padding (l, r)
 /// @namespace size/footer
 $dialog-footer-padding-left-right: $s-5 !default;
+/// button spacing
+/// @namespace size/footer
+$dialog-footer-button-spacing: $s-1 !default;
 /// position (t)
 /// @namespace size/close
 $dialog-close-top: $s-4 !default;