diff --git a/components/Header.tsx b/components/Header.tsx
index 9acab44e..fcc13a84 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -18,7 +18,7 @@ export default function Header({
   showSingIn: (show: boolean) => void;
 }) {
   return (
-    <header className="supports-backdrop-blur:bg-white/60 max-w-8xl sticky top-0 z-40 mx-auto mx-4 w-full flex-none border-b border-slate-900/10 bg-white/95 pt-2  backdrop-blur transition-colors duration-500 dark:border-slate-50/[0.06] dark:border-slate-300/10 dark:bg-transparent lg:z-50 lg:mx-0 lg:border-0 lg:border-b lg:border-slate-900/10 lg:px-8">
+    <header className="supports-backdrop-blur:bg-white/60 max-w-8xl sticky top-0 z-40 mx-auto w-full flex-none border-b border-slate-900/10 bg-white/95 pt-2 backdrop-blur  transition-colors duration-500 dark:border-slate-50/[0.06] dark:border-slate-300/10 dark:bg-transparent lg:z-50 lg:mx-0 lg:border-0 lg:border-b lg:border-slate-900/10 lg:px-8">
       <div className="flex items-center justify-between px-3 sm:px-3">
         <div className="flex items-center space-x-3">
           <a
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 1f5aa25e..48d1e0b9 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -42,7 +42,7 @@ function MyApp({
       >
         <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
           <TooltipProvider>
-            <div className="mx-auto flex min-h-screen flex-col justify-center px-2">
+            <div className="mx-auto flex min-h-screen flex-col justify-center">
               <Header showSingIn={showSingIn} />
               <main
                 className={cn(