diff --git a/app/(app)/_layout/BottomNav.tsx b/app/(app)/_layout/BottomNav.tsx
index a0d45b0..44ca13e 100644
--- a/app/(app)/_layout/BottomNav.tsx
+++ b/app/(app)/_layout/BottomNav.tsx
@@ -28,8 +28,8 @@ export default function BottomNav() {
     },
   ];
   return (
-    <footer className="z-header- flex h-[var(--bottom-nav-height)] w-full bg-background sm:hidden">
-      <div className="fixed inset-x-0 bottom-0 flex h-[var(--bottom-nav-height)] flex-1 items-center justify-between border-t bg-background px-4">
+    <footer className="z-header- flex h-[var(--bottom-nav-height)] w-full sm:hidden">
+      <div className="bottom-tabs fixed inset-x-0 bottom-0 flex h-[var(--bottom-nav-height)] flex-1 items-center justify-between border-t bg-background px-4">
         {navigationItems.map((item) => (
           <Link href={item.href} className="center group group flex-1">
             <item.icon
@@ -43,7 +43,6 @@ export default function BottomNav() {
             />
           </Link>
         ))}
-        <div className="standalone:block hidden h-[20px] w-full"></div>
       </div>
     </footer>
   );
diff --git a/app/globals.css b/app/globals.css
index 03b0858..9c33854 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -62,6 +62,9 @@
     .dark {
       --bottom-nav-height: 76px;
     }
+    .bottom-tabs {
+      padding-bottom: 20px;
+    }
   }
 }