diff --git a/scss/_type.scss b/scss/_type.scss
index b1b8f61cf5fcf0fa14ed049f573751ac527f96b8..57d610f0c1c64ecd9a4db74656b2d8d1e58ade6e 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 6fb34289e2206c89b58df62724c2b036289c04db..3974d02405d910dd8706df8490c9b9ba0695fff4 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