diff --git a/scss/_type.scss b/scss/_type.scss
index b1b8f61cf5..57d610f0c1 100644
--- a/scss/_type.scss
+++ b/scss/_type.scss
@@ -53,8 +53,8 @@ h6, .h6 { font-size: $h6-font-size; }
 //
 
 hr {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
+  margin-top: $hr-margin-y;
+  margin-bottom: $hr-margin-y;
   border: 0;
   border-top: $hr-border-width solid $hr-border-color;
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 6fb34289e2..3974d02405 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -282,7 +282,9 @@ $nested-kbd-font-weight:      $font-weight-bold !default;
 
 $list-inline-padding:         5px !default;
 
-$mark-bg: #fcf8e3 !default;
+$mark-bg:                     #fcf8e3 !default;
+
+$hr-margin-y:                 $spacer !default;
 
 
 // Tables