diff --git a/apps/next/app/layout.tsx b/apps/next/app/layout.tsx
index 922c3bc..493e21f 100644
--- a/apps/next/app/layout.tsx
+++ b/apps/next/app/layout.tsx
@@ -7,6 +7,8 @@ import { Providers } from "./providers"
 
 import "./globals.css"
 
+import type { Viewport } from "next"
+
 import { ApplicationLayout } from "@/components/application-layout"
 
 import { createClient } from "@/modules/utils/server"
@@ -16,6 +18,13 @@ const fontSans = FontSans({
   variable: "--font-sans",
 })
 
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+}
+
 export const metadata: Metadata = {
   metadataBase: new URL("https://supabase-modules-demo.vercel.app/"),
   title: "The Playground",