diff --git a/apps/machine/src/App.vue b/apps/machine/src/App.vue
index da50d06..6f1f3f9 100644
--- a/apps/machine/src/App.vue
+++ b/apps/machine/src/App.vue
@@ -75,7 +75,7 @@ function toggleLiveServices() {
       v-if="atmStore.debugMode"
       class="fixed inset-x-0 bottom-0 z-50 bg-popover font-mono text-xs text-popover-foreground"
     >
-      <div class="flex items-center gap-4 px-4 py-2">
+      <div class="flex flex-wrap items-center gap-2 px-4 py-2 sm:gap-4">
         <Button
           variant="ghost"
           size="sm"
@@ -88,8 +88,7 @@ function toggleLiveServices() {
         <Button variant="outline" size="sm" class="h-6 text-xs" @click="toggleLiveServices">
           {{ atmStore.useLiveServices ? 'Switch to Mock' : 'Connect Live' }}
         </Button>
-        <span class="text-muted-foreground">|</span>
-        <div class="flex items-center gap-1">
+        <div class="flex flex-wrap items-center gap-1">
           <Button
             v-for="theme in themes"
             :key="theme.id"