diff --git a/docs/src/pages/framed/UIShell/HeaderNavRail.svelte b/docs/src/pages/framed/UIShell/HeaderNavRail.svelte
index d9006aa1..dbd7fb87 100644
--- a/docs/src/pages/framed/UIShell/HeaderNavRail.svelte
+++ b/docs/src/pages/framed/UIShell/HeaderNavRail.svelte
@@ -36,23 +36,23 @@
     </HeaderNavMenu>
     <HeaderNavItem href="/" text="Link 4" />
   </HeaderNav>
-
-  <SideNav bind:isOpen="{isSideNavOpen}" rail>
-    <SideNavItems>
-      <SideNavLink icon="{Fade}" text="Link 1" href="/" isSelected />
-      <SideNavLink icon="{Fade}" text="Link 2" href="/" />
-      <SideNavLink icon="{Fade}" text="Link 3" href="/" />
-      <SideNavMenu icon="{Fade}" text="Menu">
-        <SideNavMenuItem href="/" text="Link 1" />
-        <SideNavMenuItem href="/" text="Link 2" />
-        <SideNavMenuItem href="/" text="Link 3" />
-      </SideNavMenu>
-      <SideNavDivider />
-      <SideNavLink icon="{Fade}" text="Link 4" href="/" />
-    </SideNavItems>
-  </SideNav>
 </Header>
 
+<SideNav bind:isOpen="{isSideNavOpen}" rail>
+  <SideNavItems>
+    <SideNavLink icon="{Fade}" text="Link 1" href="/" isSelected />
+    <SideNavLink icon="{Fade}" text="Link 2" href="/" />
+    <SideNavLink icon="{Fade}" text="Link 3" href="/" />
+    <SideNavMenu icon="{Fade}" text="Menu">
+      <SideNavMenuItem href="/" text="Link 1" />
+      <SideNavMenuItem href="/" text="Link 2" />
+      <SideNavMenuItem href="/" text="Link 3" />
+    </SideNavMenu>
+    <SideNavDivider />
+    <SideNavLink icon="{Fade}" text="Link 4" href="/" />
+  </SideNavItems>
+</SideNav>
+
 <Content>
   <Grid>
     <Row>