diff --git a/apps/web/src/components/footer.tsx b/apps/web/src/components/footer.tsx
index a7aa724f..0087502e 100644
--- a/apps/web/src/components/footer.tsx
+++ b/apps/web/src/components/footer.tsx
@@ -36,7 +36,13 @@ export function Footer() {
           {/* Brand Section */}
           <div className="md:col-span-1 max-w-sm">
             <div className="flex justify-start items-center gap-2 mb-4">
-              <Image src="/logo.svg" alt="OpenCut" width={24} height={24} />
+              <Image 
+                src="/logo.svg" 
+                alt="OpenCut" 
+                width={24} 
+                height={24}
+                className="invert dark:invert-0"
+              />
               <span className="font-bold text-lg">OpenCut</span>
             </div>
             <p className="text-sm md:text-left text-muted-foreground mb-5">