diff --git a/www/app/[domain]/layout.tsx b/www/app/[domain]/layout.tsx
index bfcfc11f..cce65fc3 100644
--- a/www/app/[domain]/layout.tsx
+++ b/www/app/[domain]/layout.tsx
@@ -1,6 +1,6 @@
 import "../styles/globals.scss";
 import { Poppins } from "next/font/google";
-import { Metadata } from "next";
+import { Metadata, Viewport } from "next";
 import FiefWrapper from "../(auth)/fiefWrapper";
 import UserInfo from "../(auth)/userInfo";
 import { ErrorProvider } from "../(errors)/errorContext";
@@ -18,6 +18,13 @@ import { Providers } from "../providers";
 
 const poppins = Poppins({ subsets: ["latin"], weight: ["200", "400", "600"] });
 
+export const viewport: Viewport = {
+  themeColor: "black",
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 1,
+};
+
 export const metadata: Metadata = {
   metadataBase: new URL(process.env.DEV_URL || "https://reflector.media"),
   title: {