diff --git a/docs/_includes/css/type.html b/docs/_includes/css/type.html
index 124e4f087b..70e3fc36d7 100644
--- a/docs/_includes/css/type.html
+++ b/docs/_includes/css/type.html
@@ -207,14 +207,14 @@ You can use the mark tag to <mark>highlight</mark> text.
   <h2 id="type-transformation">Transformation classes</h2>
   <p>Transform text in components with text capitalization classes.</p>
   <div class="bs-example">
-      <p class="text-lowercase">Lowercase text.</p>
-      <p class="text-uppercase">Uppercase text.</p>
-      <p class="text-capitalize">Capitalize text.</p>
+    <p class="text-lowercase">Lowercased text.</p>
+    <p class="text-uppercase">Uppercased text.</p>
+    <p class="text-capitalize">Capitalized text.</p>
   </div>
 {% highlight html %}
-<p class="text-lowercase">Lowercase text.</p>
-<p class="text-uppercase">Uppercase text.</p>
-<p class="text-capitalize">Capitalize text.</p>
+<p class="text-lowercase">Lowercased text.</p>
+<p class="text-uppercase">Uppercased text.</p>
+<p class="text-capitalize">Capitalized text.</p>
 {% endhighlight %}
 
   <!-- Abbreviations -->