diff --git a/.changeset/mobile-navbar-alignment-fix.md b/.changeset/mobile-navbar-alignment-fix.md
new file mode 100644
index 0000000000..48946e3c7e
--- /dev/null
+++ b/.changeset/mobile-navbar-alignment-fix.md
@@ -0,0 +1,7 @@
+---
+'nextra-theme-docs': patch
+---
+
+fix(docs-theme): align navbar mobile padding with article content
+
+Fixes #4574 - Changed navbar horizontal padding on mobile from 1.5rem to 1rem to match article content padding, eliminating visual misalignment.
diff --git a/packages/nextra-theme-docs/src/components/navbar/index.tsx b/packages/nextra-theme-docs/src/components/navbar/index.tsx
index 0fad32f187..8d1c0151f8 100644
--- a/packages/nextra-theme-docs/src/components/navbar/index.tsx
+++ b/packages/nextra-theme-docs/src/components/navbar/index.tsx
@@ -90,7 +90,7 @@ export const Navbar: FC<NavbarProps> = ({
       <nav
         style={{ height: 'var(--nextra-navbar-height)' }}
         className={cn(
-          'x:mx-auto x:flex x:max-w-(--nextra-content-width) x:items-center x:gap-4 x:pl-[max(env(safe-area-inset-left),1.5rem)] x:pr-[max(env(safe-area-inset-right),1.5rem)]',
+          'x:mx-auto x:flex x:max-w-(--nextra-content-width) x:items-center x:gap-4 x:pl-[max(env(safe-area-inset-left),1rem)] x:pr-[max(env(safe-area-inset-right),1rem)] x:md:pl-[max(env(safe-area-inset-left),1.5rem)] x:md:pr-[max(env(safe-area-inset-right),1.5rem)]',
           'x:justify-end',
           className
         )}