diff --git a/src/App.vue b/src/App.vue
index 133cff9..fbcf918 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -37,7 +37,7 @@ const badgeColor = computed(() => {
 </script>
 
 <template>
-  <div class="app">
+  <div class="app" :class="{ scrollable: store.screen === 'menu' || store.screen === 'lobby' }">
     <StartScreen v-if="store.screen === 'menu'" />
     <LobbyScreen v-else-if="store.screen === 'lobby'" />
     <div v-else class="game-layout">
@@ -73,6 +73,11 @@ const badgeColor = computed(() => {
   height: 100dvh;
   overflow: hidden;
 }
+/* Menu & lobby content may exceed the viewport on small screens (mobile):
+   allow vertical scrolling there, keep the fixed game layout locked. */
+.app.scrollable {
+  overflow-y: auto;
+}
 .game-layout {
   height: 100dvh;
   padding: 10px 12px 12px;
diff --git a/src/components/LobbyScreen.vue b/src/components/LobbyScreen.vue
index f1b0f97..4048fe6 100644
--- a/src/components/LobbyScreen.vue
+++ b/src/components/LobbyScreen.vue
@@ -95,7 +95,7 @@ function pickMap(mId: MapId): void {
 
 <style scoped>
 .lobby {
-  height: 100dvh;
+  min-height: 100dvh;
   display: flex;
   align-items: center;
   justify-content: center;