fix

app/dashboard/promotions/page.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from "react";
 import Dashboard from "@/components/dashboard/dashboard";
-import { Metadata } from "next";
+import { Metadata, Viewport } from "next";
 import PromotionsList from "@/components/dashboard/promotions/PromotionsList";
 import PromotionsPageSkeleton from "@/components/dashboard/promotions/PromotionsPageSkeleton";
 
@@ -9,6 +9,15 @@ export const metadata: Metadata = {
   description: "Manage promotion codes for your store on Ember Market"
 };
 
+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 PromotionsPage() {
   return (
     <Dashboard>