diff --git a/public/index.html b/public/index.html
index 986789be..91198bc1 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=1773966777">
+  <link rel="stylesheet" href="live.css?v=1773966804">
   <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 dc9c169d..e0d04b3d 100644
--- a/public/live.css
+++ b/public/live.css
@@ -438,9 +438,9 @@
 
 @supports (padding-bottom: env(safe-area-inset-bottom)) {
   .vcr-bar { padding-bottom: calc(8px + env(safe-area-inset-bottom, 34px)); }
-  .live-feed { bottom: calc(58px + env(safe-area-inset-bottom, 34px)); }
-  .feed-show-btn { bottom: calc(68px + env(safe-area-inset-bottom, 34px)) !important; }
-  .live-legend { bottom: calc(58px + env(safe-area-inset-bottom, 34px)); }
+  .live-feed { bottom: calc(78px + env(safe-area-inset-bottom, 34px)); }
+  .feed-show-btn { bottom: calc(88px + env(safe-area-inset-bottom, 34px)) !important; }
+  .live-legend { bottom: calc(78px + env(safe-area-inset-bottom, 34px)); }
 }
 .vcr-bar > .vcr-controls {
   display: flex; align-items: center; gap: 4px; flex-shrink: 0;