diff --git a/app/assets/stylesheets/bar.css b/app/assets/stylesheets/bar.css
index 23376ce97..79c85c634 100644
--- a/app/assets/stylesheets/bar.css
+++ b/app/assets/stylesheets/bar.css
@@ -3,14 +3,15 @@
     --row-gap: 0.2lh;
 
     background-color: var(--color-terminal-bg);
-    block-size: var(--footer-height);
+    block-size: calc(var(--footer-height) + env(safe-area-inset-bottom));
     color: var(--color-terminal-text);
     display: flex;
     flex-direction: column;
     font-size: 0.9em;
     inset: auto 0 0 0;
     max-block-size: 100%;
-    padding: var(--block-space) calc(var(--tray-size) + calc(var(--inline-space) * 3)) calc(var(--block-space) + env(safe-area-inset-bottom));
+    padding-block: var(--block-space) calc(var(--block-space) + env(safe-area-inset-bottom));
+    padding-inline: calc(var(--tray-size) + calc(var(--inline-space) * 3));
     place-content: center;
     position: fixed;
     z-index: var(--z-terminal);