diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index d43601f..4fc7924 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -19,7 +19,7 @@ const footerLinks = {
 
 export default function Footer() {
   return (
-    <footer className="bg-black text-white">
+    <footer className="bg-zinc-950 text-white border-t border-zinc-800">
       {/* Main Footer */}
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">