fix: make padding right slightly smaller on mobile on navbar

for alignment of buttons with navbar
opengovsg · Aug 5, 2024 · 7fa4c7a · 7fa4c7a
1 parent 9d65c46
commit 7fa4c7a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/components/src/templates/next/components/internal/Navbar/Navbar.tsx b/packages/components/src/templates/next/components/internal/Navbar/Navbar.tsx
@@ -19,7 +19,7 @@ const navbarStyles = tv({
     logo: "my-3 h-10 w-32 max-w-[6.625rem] object-contain object-center lg:h-12 lg:max-w-32",
     navbarContainer: "flex min-h-16 w-full bg-white lg:min-h-[4.25rem]",
     navbar:
-      "mx-auto flex w-full max-w-screen-xl gap-x-4 px-6 lg:gap-x-6 lg:px-10",
+      "mx-auto flex w-full max-w-screen-xl gap-x-4 pl-6 pr-3 lg:gap-x-6 lg:px-10",
     navItemContainer: "hidden flex-wrap items-center gap-x-6 lg:flex",
   },
 })