fix

app/dashboard/chats/new/page.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Metadata } from "next";
+import { Metadata, Viewport } from "next";
 import NewChatForm from "@/components/dashboard/NewChatForm";
 import Dashboard from "@/components/dashboard/dashboard";
 
@@ -8,6 +8,15 @@ export const metadata: Metadata = {
   description: "Begin a new conversation with a customer",
 };
 
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  themeColor: [
+    { media: "(prefers-color-scheme: dark)", color: "#000000" },
+    { media: "(prefers-color-scheme: light)", color: "#D53F8C" },
+  ],
+};
+
 export default function NewChatPage() {
   return (
     <Dashboard>