diff --git a/src/app/page.tsx b/src/app/page.tsx
index d6fa189..a66fbcc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,8 +3,8 @@ import { MetaForm } from "@/components/meta-form";
 
 export default function Home() {
   return (
-    <div className="flex flex-col min-h-screen p-4 sm:p-8 font-[family-name:var(--font-geist-sans)] bg-background">
-      <main className="flex-grow flex items-center justify-center">
+    <div className="flex flex-col min-h-screen font-[family-name:var(--font-geist-sans)] bg-background">
+      <main className="flex-grow flex items-center justify-center p-4 sm:p-8">
         <div className="flex flex-col gap-8 items-center w-full max-w-2xl">
           <div className="text-center space-y-2">
             <h1 className="text-3xl sm:text-4xl font-bold text-foreground">
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index e3ab1cb..efa52b8 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -3,9 +3,9 @@ import { Separator } from "@/components/ui/separator";
 
 export const Footer = () => {
   return (
-    <footer className="w-full pt-4">
-      <Separator className="mb-4" />
-      <div className="w-full max-w-2xl mx-auto flex justify-between items-center">
+    <footer className="w-full">
+      <Separator />
+      <div className="w-full max-w-2xl mx-auto flex justify-between items-center p-4 sm:p-8">
         <p className="text-sm text-muted-foreground">
           v0.1.0
         </p>