diff --git a/Web/src/components/GlassBottomNav.vue b/Web/src/components/GlassBottomNav.vue
index 8207634..ae4c086 100644
--- a/Web/src/components/GlassBottomNav.vue
+++ b/Web/src/components/GlassBottomNav.vue
@@ -175,8 +175,8 @@ onMounted(() => {
 .gradient-fade {
   width: 100%;
   background: linear-gradient(180deg, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 1) 50%);
-  padding: 12px 21px;
-  padding-bottom: calc(21px + env(safe-area-inset-bottom, 0px));
+  padding: 12px 16px;
+  padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
   pointer-events: none;
   display: flex;
   align-items: flex-end;