diff --git a/apps/machine/src/App.vue b/apps/machine/src/App.vue
index 6f1f3f9..cc60125 100644
--- a/apps/machine/src/App.vue
+++ b/apps/machine/src/App.vue
@@ -32,7 +32,10 @@ function toggleLiveServices() {
 
 <template>
   <div
-    class="flex h-screen w-screen flex-col overflow-hidden bg-background font-sans text-foreground"
+    :class="[
+      'flex h-screen w-screen flex-col overflow-hidden bg-background font-sans text-foreground',
+      atmStore.debugMode ? 'pb-20 sm:pb-12' : '',
+    ]"
   >
     <router-view />