diff --git a/public/index.html b/public/index.html
index 91198bc1..665cee1f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,7 +22,7 @@
   <meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/meshcore-analyzer/master/public/og-image.png">
   <link rel="stylesheet" href="style.css?v=1773963867">
   <link rel="stylesheet" href="home.css">
-  <link rel="stylesheet" href="live.css?v=1773966804">
+  <link rel="stylesheet" href="live.css?v=1773966856">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
     integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
     crossorigin="anonymous">
diff --git a/public/live.css b/public/live.css
index e0d04b3d..be2ae67c 100644
--- a/public/live.css
+++ b/public/live.css
@@ -630,6 +630,7 @@
   /* Mobile VCR: two-row stacked layout */
   .vcr-bar {
     padding: 4px 8px;
+    padding-bottom: calc(4px + env(safe-area-inset-bottom, 20px));
     flex-wrap: wrap;
     gap: 4px;
     overflow: visible;