diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 2e49ac88..2b95c775 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -78,6 +78,7 @@
     <div
         id="cobalt"
         class:loaded={browser}
+        data-chrome={device.browser.chrome}
         data-iphone={device.is.iPhone}
         data-reduce-motion={reduceMotion}
         data-reduce-transparency={reduceTransparency}
@@ -253,6 +254,11 @@
         );
     }
 
+    /* fall back to less pretty value cuz chrome doesn't support sign() */
+    :global([data-chrome]) {
+        --sidebar-height-mobile: calc(50px + env(safe-area-inset-bottom));
+    }
+
     :global([data-theme="light"] [data-reduce-transparency="true"]) {
         --dialog-backdrop: rgba(255, 255, 255, 0.6);
     }