diff --git a/web/src/components/sidebar/Sidebar.svelte b/web/src/components/sidebar/Sidebar.svelte
index e7b753bf..5ea169b2 100644
--- a/web/src/components/sidebar/Sidebar.svelte
+++ b/web/src/components/sidebar/Sidebar.svelte
@@ -81,7 +81,7 @@
 
         #sidebar {
             width: 100%;
-            height: auto;
+            height: var(--sidebar-height-mobile);
             position: fixed;
             bottom: 0;
         }
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 55040fea..d83aea9a 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -26,6 +26,7 @@
         --border-radius: 11px;
 
         --sidebar-width: 80px;
+        --sidebar-height-mobile: 50px;
         --sidebar-font-size: 11px;
     }
 
@@ -105,7 +106,7 @@
         #cobalt {
             display: grid;
             grid-template-columns: unset;
-            grid-template-rows: 1fr var(--sidebar-width);
+            grid-template-rows: 1fr var(--sidebar-height-mobile);
         }
         #content {
             order: -1;