diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8c62543..9495f12 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -11,7 +11,7 @@
 
 {#if !$isLoading}
   <div class="flex flex-col mx-2 min-h-screen">
-    <nav class="px-4 flex flex-row py-2 gap-4 h-12 no-print">
+    <nav class="px-4 flex flex-row py-2 gap-2 sm:gap-4 h-12 no-print">
       <div class="grow"></div>
       <a href="/">{$t('home')}</a>
       <span>-</span>