diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 1cb5dcb..95bd21f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -22,7 +22,7 @@ export default function RootLayout({
         <html lang="en">
         <body className={cn('dark', inter.className)}>
         <Navigation/>
-        <main className="p-8">
+        <main className="p-4 sm:p-8">
             {children}
         </main>
         <Toaster/>
diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
index e6c9648..c744453 100644
--- a/src/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -16,7 +16,7 @@ export default function Navigation() {
     return (
         <div className="flex sticky items-center border-b border-border bg-background">
             <NavigationMenu>
-                <NavigationMenuList className="flex w-screen items-center justify-between px-4 py-2">
+                <NavigationMenuList className="flex w-screen items-center justify-between sm:px-4 py-2">
                     <div className="inline-flex space-x-2">
 
                         <img src={'/logo_white.png'} alt="Finances" className="h-10 w-10 mx-3"/>
