diff --git a/components/BottomNav.tsx b/components/BottomNav.tsx index fd4dad06d..ace47d1cf 100644 --- a/components/BottomNav.tsx +++ b/components/BottomNav.tsx @@ -127,7 +127,8 @@ const Nav = styled.nav<{ height: number }>` border-top: var(--border); max-width: var(--max-width); margin: 0 auto; - padding-top: 4px; + padding-top: ${(props) => (props.height > 90 ? 0 : "4px")}; + padding-bottom: ${(props) => (props.height > 90 ? "4px" : 0)}; `; const NavLink = styled(Link)<{ active: "true" | "false" } & LinkProps>`