diff --git a/internal/embeds/templates/index.html b/internal/embeds/templates/index.html
index d4fcf8c..bf8edc6 100644
--- a/internal/embeds/templates/index.html
+++ b/internal/embeds/templates/index.html
@@ -32,15 +32,29 @@
         aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
+      <div class="collapse navbar-collapse" id="navbarNav">
+        <ul class="navbar-nav ms-auto d-lg-none">
+          <li class="nav-item">
+            <a class="nav-link" href="/">Dashboard</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="{{ .KeycloakAccountURL }}" target="_blank">Identity and Access</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link text-danger" href="/logout">Logout</a>
+          </li>
+        </ul>
+      </div>
     </div>
   </nav>
 
-  <div class="d-flex flex-grow-1">
-    <!-- Sidebar -->
-    <div class="bg-light border-end h-100 d-flex flex-column flex-shrink-0">
+  <div class="d-flex flex-column flex-lg-row flex-grow-1">
+    <!-- Sidebar - only visible on lg screens and up -->
+    <div class="bg-light d-none d-lg-flex flex-column flex-shrink-0 h-lg-100 border-end">
       <ul class="nav flex-column p-3">
         <li class="nav-item"><a class="nav-link active" href="/"><strong>Dashboard</strong></a></li>
-        <li class="nav-item"><a class="nav-link" href="{{ .KeycloakAccountURL }}" target="_blank">Identity and Access</a></li>
+        <li class="nav-item"><a class="nav-link" href="{{ .KeycloakAccountURL }}" target="_blank">Identity and Access</a>
+        </li>
         <li class="nav-item"><a class="nav-link text-danger" href="/logout">Logout</a></li>
       </ul>
     </div>