From d235e8d33c6c575db579557462f0518dfdc01ef8 Mon Sep 17 00:00:00 2001
From: Pavel Klibani <pavel@techloop.io>
Date: Thu, 14 Sep 2023 13:48:44 +0200
Subject: [PATCH] Docs(web): Add Icons demo #DS-900

- Icons layout synced with other packages
---
 packages/web/src/icons/index.html | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/packages/web/src/icons/index.html b/packages/web/src/icons/index.html
index f1efbef15b..6dab67c97b 100644
--- a/packages/web/src/icons/index.html
+++ b/packages/web/src/icons/index.html
@@ -2,19 +2,24 @@
 
 <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">
-
-    {{#each @icons as |icon|}}
-      <li class="mb-600">
-        <svg width="24" height="24">
-          <use xlink:href="/icons/svg/sprite.svg#{{icon}}"/>
-        </svg>
-        <h3 class="mt-500">{{icon}}</h3>
-      </li>
-    {{/each}}
-
-  </ul>
+  <h2 class="docs-Heading"> Icons </h2>
+
+  <div class="docs-Stack docs-Stack--start">
+
+    <ul class="Grid Grid--cols-2 Grid--tablet--cols-4 Grid--desktop--cols-6 list-unstyled text-center my-1000">
+
+      {{#each @icons as |icon|}}
+        <li class="mb-600">
+          <svg width="24" height="24">
+            <use xlink:href="/icons/svg/sprite.svg#{{icon}}"/>
+          </svg>
+          <p class="typography-body-medium-text-bold mt-500">{{icon}}</p>
+        </li>
+      {{/each}}
+
+    </ul>
+
+  </div>
 
 </section>