diff --git a/docs/_includes/customizer-variables.html b/docs/_includes/customizer-variables.html
index 4dde831cb1..c260b90d26 100644
--- a/docs/_includes/customizer-variables.html
+++ b/docs/_includes/customizer-variables.html
@@ -1878,6 +1878,11 @@
     <p id="help-block-@dl-horizontal-offset" class="help-block">Width of horizontal description list titles</p>
   </div>
   <div class="clearfix"></div>
+  <div class="col-xs-4">
+    <label for="input-@dl-horizontal-breakpoint">@dl-horizontal-breakpoint</label>
+    <input id="input-@dl-horizontal-breakpoint" type="text" aria-describedby="help-block-@dl-horizontal-breakpoint" value="@grid-float-breakpoint" data-var="@dl-horizontal-breakpoint" class="form-control"/>
+    <p id="help-block-@dl-horizontal-breakpoint" class="help-block">Point at which .dl-horizontal becomes horizontal</p>
+  </div>
   <div class="col-xs-4">
     <label for="input-@hr-border">@hr-border</label>
     <input id="input-@hr-border" type="text" aria-describedby="help-block-@hr-border" value="@gray-lighter" data-var="@hr-border" class="form-control"/>
diff --git a/less/type.less b/less/type.less
index 68ba6017bf..0d4fee4848 100644
--- a/less/type.less
+++ b/less/type.less
@@ -211,7 +211,7 @@ dd {
     &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
   }
 
-  @media (min-width: @grid-float-breakpoint) {
+  @media (min-width: @dl-horizontal-breakpoint) {
     dt {
       float: left;
       width: (@dl-horizontal-offset - 20);
diff --git a/less/variables.less b/less/variables.less
index c1861a8e01..b057ef5bf9 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -863,5 +863,7 @@
 @page-header-border-color:    @gray-lighter;
 //** Width of horizontal description list titles
 @dl-horizontal-offset:        @component-offset-horizontal;
+//** Point at which .dl-horizontal becomes horizontal
+@dl-horizontal-breakpoint:    @grid-float-breakpoint;
 //** Horizontal line color.
 @hr-border:                   @gray-lighter;