diff --git a/src/Footer/Component.tsx b/src/Footer/Component.tsx
index b92c064..bf87902 100644
--- a/src/Footer/Component.tsx
+++ b/src/Footer/Component.tsx
@@ -11,7 +11,7 @@ export async function Footer() {
   const navItems = footerData?.navItems || []
  
   return (
-    <footer className="mt-auto border-t border-border bg-black text-white">
+    <footer className="mt-auto border-t border-white/10 text-white">
       <div className="container py-8 gap-8 flex flex-col md:flex-row md:justify-between md:items-center">
         <Link className="flex items-center" href="/">
           <Logo />