diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index b661e2e..d175d24 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -68,7 +68,7 @@
             </div>
           </nav>
           
-          <nav class="nav-menu">
+          <nav class="sidebar-footer">
             <div class="nav-section">
               <h4 class="nav-title">Einstellungen</h4>
               <a href="/mytischtennis-account" class="nav-link">
@@ -341,6 +341,15 @@ export default {
   overflow-y: auto;
 }
 
+.nav-menu-no-flex {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  flex: 0;
+  min-height: 0;
+  overflow-y: auto;
+}
+
 .nav-section {
   display: flex;
   flex-direction: column;