diff --git a/.codex-history.md b/.codex-history.md
index c22d454caf..e578c5b7ae 100644
--- a/.codex-history.md
+++ b/.codex-history.md
@@ -825,3 +825,6 @@ History search guidance:
 
 166 - [2026-05-20 01:09:19] - v1.27.0-dev-177-g18c3bd2a67 - Type: Modified - [navbar] [sticky-ui] Fine-tuned the persistent navbar lip geometry for better visual balance.
 - 1 - I updated `web_src/css/modules/navbar.css` so the persistent-navbar toggle lip now sits 2px lower and is 1px taller, giving the handle a slightly more relaxed fit against the navbar edge.
+
+167 - [2026-05-20 01:12:06] - v1.27.0-dev-178-gf09229e739 - Type: Modified - [footer] [sticky-ui] Fine-tuned the persistent footer lip geometry for better visual balance.
+- 1 - I updated `web_src/css/home.css` so the persistent-footer toggle lip now rises a bit higher above the footer edge and is slightly taller, giving the handle a more relaxed fit against the footer border.
diff --git a/web_src/css/home.css b/web_src/css/home.css
index ab4396b845..1726fc1a80 100644
--- a/web_src/css/home.css
+++ b/web_src/css/home.css
@@ -126,12 +126,12 @@ Then the inner one needs to get padding and parent "item" padding needs to be re
   body.show-persistent-footer #persistent-footer-visibility-toggle {
     position: absolute;
     right: 24px;
-    top: calc(-1 * var(--persistent-footer-lip-height));
+    top: calc(-1.6 * var(--persistent-footer-lip-height));
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
-    height: var(--persistent-footer-lip-height);
+    height: calc(var(--persistent-footer-lip-height) + 4px);
     padding: 0;
     color: var(--color-nav-text);
     background: var(--color-footer);