diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 2e8ca40162..772df32227 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -282,7 +282,7 @@
         <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
       </dl>
     </div>
-    <div class="span8">
+    <div class="span4">
       <h4>{{_i}}Horizontal{{/i}}</h4>
       <p><code>&lt;dl class="horizontal"&gt;</code></p>
       <dl class="horizontal">
@@ -295,7 +295,12 @@
         <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
       </dl>
     </div>
-  </div><!-- /row -->
+    <div class="span4">
+      <div class="well">
+        <p>{{_i}}Horizontal description lists have two additional sizes: <code>.horizontal-small</code> and <code>.horizontal-large</code>.{{/i}}</p>
+      </div>
+    </div>
+  </div>
 </section>
 
 
diff --git a/less/type.less b/less/type.less
index 57eba9b915..2a4757edaf 100644
--- a/less/type.less
+++ b/less/type.less
@@ -141,26 +141,14 @@ dl.horizontal {
   dd {
     margin-left: 130px;
   }
-  &.horizontal-mini {
+  &.horizontal-small {
     dt { width:        50px; }
     dd { margin-left:  60px; }
   }
-  &.horizontal-small {
-    dt { width:        90px; }
-    dd { margin-left: 100px; }
-  }
   &.horizontal-normal {
     // no additional styles needed
   }
   &.horizontal-large {
-    dt { width:       140px; }
-    dd { margin-left: 150px; }
-  }
-  &.horizontal-xlarge {
-    dt { width:       170px; }
-    dd { margin-left: 180px; }
-  }
-  &.horizontal-xxlarge {
     dt { width:       190px; }
     dd { margin-left: 200px; }
   }