diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9d818d9..e7f7604 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -60,7 +60,9 @@
      updateCredentials(undefined);
  }
 
- let mobile = primaryInput === 'touch';
+ let viewportWidth;
+ let mobile: boolean;
+ $: mobile = (primaryInput === 'touch' || viewportWidth <= 550);
 
  let scrolledToTop = false, scrolledToBottom = false,
      scrolledToLeft = false, scrolledToRight = false;
@@ -154,6 +156,7 @@
 </script>
 
 <svelte:body use:updateTheme="{$theme}" />
+<svelte:window bind:innerWidth={viewportWidth}/>
 
 <div class="container hide-scrollbar snap-y h-100vh"
      class:mobile="{mobile}"