diff --git a/website/src/components/layout/nav.tsx b/website/src/components/layout/nav.tsx
index 3ccb95d..69f2ae5 100644
--- a/website/src/components/layout/nav.tsx
+++ b/website/src/components/layout/nav.tsx
@@ -14,7 +14,7 @@ const ITEMS = [
 
 export const Nav = () => (
   <header className="sticky top-0 z-50 border-b border-hairline bg-[color-mix(in_srgb,var(--bg-base)_88%,transparent)] backdrop-blur-[8px]">
-    <div className="mx-auto flex max-w-[1140px] flex-wrap items-center gap-x-4 gap-y-3 px-[18px] pt-2.5 sm:h-[60px] sm:flex-nowrap sm:gap-6 sm:px-7 sm:pt-0">
+    <div className="mx-auto flex max-w-[1140px] flex-wrap items-center gap-x-4 gap-y-3 px-6 pt-2.5 sm:h-[60px] sm:flex-nowrap sm:gap-6 sm:px-7 sm:pt-0">
       <NavLink
         to="/"
         aria-label="soulseek-rs home"
diff --git a/website/src/components/ui/layout.tsx b/website/src/components/ui/layout.tsx
index 36a7e44..b1db73c 100644
--- a/website/src/components/ui/layout.tsx
+++ b/website/src/components/ui/layout.tsx
@@ -6,7 +6,7 @@ interface WrapProps {
 }
 
 export const Wrap = ({ children, className }: WrapProps) => (
-  <div className={cn('mx-auto w-full max-w-[1140px] px-[18px] sm:px-7', className)}>
+  <div className={cn('mx-auto w-full max-w-[1140px] px-6 sm:px-7', className)}>
     {children}
   </div>
 )