diff --git a/docs/src/scss/helpers/text/index.html b/docs/src/scss/helpers/text/index.html
index f406d3a9c4..7c870e55ae 100644
--- a/docs/src/scss/helpers/text/index.html
+++ b/docs/src/scss/helpers/text/index.html
@@ -29,20 +29,24 @@
     
           
           <section class="docs-Section">
+            
+            <h2 class="docs-Heading">Truncate</h2>
+            
+            <div class="docs-Stack docs-Stack--start">
           
-            <h2 class="docs-Heading">Text</h2>
+              <div style="width: 400px">
+                <p class="text-truncate">
+                  This is a truncated single-line text.
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                </p>
+                <p class="text-truncate-multiline">
+                  This is a truncated multi-line text.
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam at excepturi laudantium magnam mollitia
+                  perferendis reprehenderit, voluptate. Cum delectus dicta ducimus eligendi excepturi natus perferendis
+                  provident unde. Eveniet, iste, molestiae?
+                </p>
+              </div>
           
-            <div style="width: 400px">
-              <p class="text-truncate">
-                This is a truncated single-line text.
-                Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-              </p>
-              <p class="text-truncate-multiline">
-                This is a truncated multi-line text.
-                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam at excepturi laudantium magnam mollitia
-                perferendis reprehenderit, voluptate. Cum delectus dicta ducimus eligendi excepturi natus perferendis
-                provident unde. Eveniet, iste, molestiae?
-              </p>
             </div>
           
           </section>