diff --git a/src/html/components/dashboard/_sidenav.astro b/src/html/components/dashboard/_sidenav.astro
index 89eb1f66a..34d4b4e19 100644
--- a/src/html/components/dashboard/_sidenav.astro
+++ b/src/html/components/dashboard/_sidenav.astro
@@ -104,6 +104,18 @@ const htmlPath = convertPathToHtml(path)
                 <p>Sidebar Mini</p>
               </a>
             </li>
+            <li class="nav-item">
+              <a href={htmlPath + '/layout/collapsed-sidebar.html'} class:list={['nav-link', page === 'collapsed-sidebar' && 'active']}>
+                <i class="nav-icon fa-regular fa-circle"></i>
+                <p>Sidebar Mini <small>+ Collapsed</small></p>
+              </a>
+            </li>
+            <li class="nav-item">
+              <a href={htmlPath + '/layout/logo-switch.html'} class:list={['nav-link', page === 'logo-switch' && 'active']}>
+                <i class="nav-icon fa-regular fa-circle"></i>
+                <p>Sidebar Mini <small>+ Logo Switch</small></p>
+              </a>
+            </li>
             <li class="nav-item">
               <a href={htmlPath + '/layout/layout-rtl.html'} class:list={['nav-link', page === 'layout-rtl' && 'active']}>
                 <i class="nav-icon fa-regular fa-circle"></i>
@@ -191,7 +203,7 @@ const htmlPath = convertPathToHtml(path)
 
         <li class="nav-header">DOCUMENTATIONS</li>
         <li class="nav-item">
-          <a href={htmlPath + '/docs/index.html'} class:list={['nav-link', page === 'introduction' && 'active']}>
+          <a href={htmlPath + '/docs/introduction.html'} class:list={['nav-link', page === 'introduction' && 'active']}>
             <i class="nav-icon fa-solid fa-download"></i>
             <p>Installation</p>
           </a>
diff --git a/src/html/pages/docs/index.astro b/src/html/pages/docs/introduction.astro
similarity index 100%
rename from src/html/pages/docs/index.astro
rename to src/html/pages/docs/introduction.astro