diff --git a/assets/css/docs.css b/assets/css/docs.css
index 446b6afe91..fb3e2c6894 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -19,6 +19,7 @@
  * Examples
  * Code snippets (highlight)
  * Responsive tests
+ * Glyphicons
  * Customizer
  * Miscellaneous
  */
@@ -944,6 +945,46 @@ body {
 }
 
 
+/*
+ * Glyphicons
+ *
+ * Special styles for displaying the icons and their classes in the docs.
+ */
+
+.bs-glyphicons {
+  padding-left: 0;
+  padding-bottom: 1px;
+  margin-bottom: 20px;
+  list-style: none;
+  overflow: hidden;
+}
+.bs-glyphicons li {
+  float: left;
+  width: 25%;
+  height: 115px;
+  padding: 10px;
+  margin: 0 -1px -1px 0;
+  font-size: 12px;
+  line-height: 1.4;
+  text-align: center;
+  border: 1px solid #ddd;
+}
+.bs-glyphicons .glyphicon {
+  display: block;
+  margin: 5px auto 10px;
+  font-size: 24px;
+}
+.bs-glyphicons li:hover {
+  background-color: rgba(86,61,124,.1);
+}
+
+@media (min-width: 768px) {
+  .bs-glyphicons li {
+    width: 12.5%;
+  }
+}
+
+
 /*
  * Customizer
  *
diff --git a/components.html b/components.html
index 7475fa1086..bbc84c8824 100644
--- a/components.html
+++ b/components.html
@@ -7,45 +7,6 @@ base_url: "../"
 ---
 
 
-<style>
-/* Icons
--------------------------------------------------- */
-
-.bs-glyphicons {
-  padding-left: 0;
-  padding-bottom: 1px;
-  margin-bottom: 20px;
-  list-style: none;
-  overflow: hidden;
-}
-.bs-glyphicons li {
-  float: left;
-  width: 25%;
-  height: 115px;
-  padding: 10px;
-  margin: 0 -1px -1px 0;
-  font-size: 12px;
-  line-height: 1.4;
-  text-align: center;
-  border: 1px solid #ddd;
-}
-.bs-glyphicons .glyphicon {
-  display: block;
-  margin: 5px auto 10px;
-  font-size: 24px;
-}
-.bs-glyphicons li:hover {
-  background-color: rgba(86,61,124,.1);
-}
-
-@media (min-width: 768px) {
-  .bs-glyphicons li {
-    width: 12.5%;
-  }
-}
-</style>
-
-
   <!-- Glyphicons
   ================================================== -->
   <div class="bs-docs-section">