diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 1129b28..42ff031 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -4,12 +4,14 @@ import { Separator } from "@/components/ui/separator";
 export const Footer = () => {
   return (
     <footer className="w-full">
-      <Separator />
-      <div className="w-full max-w-6xl mx-auto flex justify-between items-center p-4">
-        <p className="text-sm text-muted-foreground">
-          v0.1.0
-        </p>
-        <ThemeToggle />
+      <div className="w-full max-w-6xl mx-auto px-4 sm:px-8">
+        <Separator />
+        <div className="flex justify-between items-center py-4">
+          <p className="text-sm text-muted-foreground">
+            v0.1.0
+          </p>
+          <ThemeToggle />
+        </div>
       </div>
     </footer>
   );