diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 4550ebe..443fb58 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,7 +8,7 @@ import ThemeProvider from "./theme-provider";
 import Analytics from "./analytics";
 import PersistenceProvider from "./persistence-provider";
 import { Toaster } from "@/components/ui/sonner";
-import Head from "./head";
+import PWAHead from "./pwa-head";
 
 const geist = Geist({
     variable: "--font-geist",
@@ -40,7 +40,8 @@ export default async function RootLayout({
     return (
         <html lang="en" suppressHydrationWarning>
             <head>
-                <Head/>
+                <meta name="theme-color" content="var(--background)" />
+                <PWAHead/>
                 <Analytics/>
             </head>
             <body className={`${geist.variable} ${geistMono.variable} antialiased`}>
diff --git a/src/app/head.tsx b/src/app/pwa-head.tsx
similarity index 99%
rename from src/app/head.tsx
rename to src/app/pwa-head.tsx
index 73b57f3..010aa22 100644
--- a/src/app/head.tsx
+++ b/src/app/pwa-head.tsx
@@ -1,4 +1,4 @@
-const Head = () => (
+const PWAHead = () => (
     <>
         <meta name="apple-mobile-web-app-title" content="ClipFusion" />
         <meta name="apple-mobile-web-app-capable" content="yes" />
@@ -45,4 +45,4 @@ const Head = () => (
     </>
 );
 
-export default Head;
\ No newline at end of file
+export default PWAHead;
\ No newline at end of file
