diff --git a/apps/pink/src/pages/layout/navigation.mdx b/apps/pink/src/pages/layout/navigation.mdx
index f9e55f43aa..bc747eb0ea 100644
--- a/apps/pink/src/pages/layout/navigation.mdx
+++ b/apps/pink/src/pages/layout/navigation.mdx
@@ -9,51 +9,51 @@ description: Navigation menus provide easy access to different areas in a websit
 
 <Preview>
   <div class="side-nav">
-    <div class="side-nav-main">
-      <section class="drop-section">
-        <ul class="drop-list">
-          <li class="drop-list-item">
-            <a class="drop-button is-selected" href="">
-              <span class="icon-home" aria-hidden="true"></span>
-              <span class="text">Menu item</span>
-            </a>
-          </li>
-          <li class="drop-list-item">
-            <a class="drop-button" href="">
-              <span class="icon-user-group" aria-hidden="true"></span>
-              <span class="text">Menu item</span>
-            </a>
-          </li>
-            <li class="drop-list-item">
-                <a class="drop-button" href="">
-                    <span class="icon-bell" aria-hidden="true"></span>
-                    <span class="text">Menu item</span>
+      <div class="side-nav-level-1">
+        <div class="side-nav-main">
+          <section class="drop-section">
+            <ul class="drop-list">
+              <li class="drop-list-item">
+                <a class="drop-button is-selected" href="">
+                  <span class="icon-home" aria-hidden="true"></span>
+                  <span class="text">Menu item</span>
                 </a>
-            </li>
-            <li class="drop-list-item">
+              </li>
+              <li class="drop-list-item">
                 <a class="drop-button" href="">
-                    <span class="icon-chart-pie" aria-hidden="true"></span>
-                    <span class="text">Menu item</span>
+                  <span class="icon-user-group" aria-hidden="true"></span>
+                  <span class="text">Menu item</span>
                 </a>
-            </li>
-            <li class="drop-list-item">
+              </li>
+                <li class="drop-list-item">
+                    <a class="drop-button" href="">
+                        <span class="icon-bell" aria-hidden="true"></span>
+                        <span class="text">Menu item</span>
+                    </a>
+                </li>
+                <li class="drop-list-item">
+                    <a class="drop-button" href="">
+                        <span class="icon-chart-pie" aria-hidden="true"></span>
+                        <span class="text">Menu item</span>
+                    </a>
+                </li>
+                <li class="drop-list-item">
+                    <a class="drop-button" href="">
+                        <span class="icon-document" aria-hidden="true"></span>
+                        <span class="text">Menu item</span>
+                    </a>
+                </li>
+            </ul>
+          </section>
+        </div>
+        <div class="side-nav-bottom">
+            <section class="drop-section">
                 <a class="drop-button" href="">
-                    <span class="icon-document" aria-hidden="true"></span>
+                    <span class="icon-cog" aria-hidden="true"></span>
                     <span class="text">Menu item</span>
                 </a>
-            </li>
-        </ul>
-      </section>
-    </div>
-
-    <div class="side-nav-bottom">
-        <section class="drop-section">
-            <a class="drop-button" href="">
-                <span class="icon-cog" aria-hidden="true"></span>
-                <span class="text">Menu item</span>
-            </a>
-        </section>
-    </div>
-
+            </section>
+        </div>
+      </div>
   </div>  
 </Preview>