diff --git a/docs/src/icons/index.html b/docs/src/icons/index.html
index 2004b1c4ef..c87024c60c 100644
--- a/docs/src/icons/index.html
+++ b/docs/src/icons/index.html
@@ -60,149 +60,154 @@ <h2 class="typography-heading-medium-text text-secondary-inverted-disabled mb-90
           
           <section class="docs-Section">
           
-            <h2 class="typography-heading-medium-text text-secondary-disabled mb-700 mb-tablet-900">Icons</h2>
-            <ul class="Grid Grid--cols-2 Grid--tablet--cols-4 Grid--desktop--cols-6 list-unstyled text-center my-1000">
+            <h2 class="docs-Heading"> Icons </h2>
           
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#add"/>
-                  </svg>
-                  <h3 class="mt-500">add</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#check-plain"/>
-                  </svg>
-                  <h3 class="mt-500">check-plain</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-down"/>
-                  </svg>
-                  <h3 class="mt-500">chevron-down</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-left"/>
-                  </svg>
-                  <h3 class="mt-500">chevron-left</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-right"/>
-                  </svg>
-                  <h3 class="mt-500">chevron-right</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-up"/>
-                  </svg>
-                  <h3 class="mt-500">chevron-up</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#close"/>
-                  </svg>
-                  <h3 class="mt-500">close</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#download"/>
-                  </svg>
-                  <h3 class="mt-500">download</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#edit"/>
-                  </svg>
-                  <h3 class="mt-500">edit</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#file"/>
-                  </svg>
-                  <h3 class="mt-500">file</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#hamburger"/>
-                  </svg>
-                  <h3 class="mt-500">hamburger</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#help"/>
-                  </svg>
-                  <h3 class="mt-500">help</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#info"/>
-                  </svg>
-                  <h3 class="mt-500">info</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#link"/>
-                  </svg>
-                  <h3 class="mt-500">link</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#more"/>
-                  </svg>
-                  <h3 class="mt-500">more</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#profile"/>
-                  </svg>
-                  <h3 class="mt-500">profile</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#reload"/>
-                  </svg>
-                  <h3 class="mt-500">reload</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#search"/>
-                  </svg>
-                  <h3 class="mt-500">search</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#spinner"/>
-                  </svg>
-                  <h3 class="mt-500">spinner</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#upload"/>
-                  </svg>
-                  <h3 class="mt-500">upload</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#visibility-off"/>
-                  </svg>
-                  <h3 class="mt-500">visibility-off</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#visibility-on"/>
-                  </svg>
-                  <h3 class="mt-500">visibility-on</h3>
-                </li>
-                <li class="mb-600">
-                  <svg width="24" height="24">
-                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#warning"/>
-                  </svg>
-                  <h3 class="mt-500">warning</h3>
-                </li>
+            <div class="docs-Stack docs-Stack--start">
           
-            </ul>
+              <ul class="Grid Grid--cols-2 Grid--tablet--cols-4 Grid--desktop--cols-6 list-unstyled text-center my-1000">
+          
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#add"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">add</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#check-plain"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">check-plain</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-down"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">chevron-down</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-left"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">chevron-left</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-right"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">chevron-right</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-up"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">chevron-up</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#close"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">close</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#download"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">download</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#edit"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">edit</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#file"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">file</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#hamburger"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">hamburger</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#help"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">help</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#info"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">info</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#link"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">link</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#more"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">more</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#profile"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">profile</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#reload"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">reload</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#search"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">search</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#spinner"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">spinner</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#upload"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">upload</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#visibility-off"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">visibility-off</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#visibility-on"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">visibility-on</p>
+                  </li>
+                  <li class="mb-600">
+                    <svg width="24" height="24">
+                      <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#warning"/>
+                    </svg>
+                    <p class="typography-body-medium-text-bold mt-500">warning</p>
+                  </li>
+          
+              </ul>
+          
+            </div>
           
           </section>