diff --git a/apps/docs/layouts/DefaultLayout.tsx b/apps/docs/layouts/DefaultLayout.tsx
index 3e610896b8b..0a6b48c5547 100644
--- a/apps/docs/layouts/DefaultLayout.tsx
+++ b/apps/docs/layouts/DefaultLayout.tsx
@@ -21,7 +21,7 @@ const Layout: FC<Props> = (props: Props) => {
       <Head>
         <title>{props.meta?.title} | Supabase Docs</title>
         <meta name="description" content={props.meta?.description} />
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <link rel="icon" href="/docs/favicon.ico" />
         <meta property="og:type" content="website" />
         <meta property="og:site_name" content={props.meta?.title} />
diff --git a/apps/docs/layouts/tutorials/TutorialLayout.tsx b/apps/docs/layouts/tutorials/TutorialLayout.tsx
index fc1a2fa8ea9..2f58a612cca 100644
--- a/apps/docs/layouts/tutorials/TutorialLayout.tsx
+++ b/apps/docs/layouts/tutorials/TutorialLayout.tsx
@@ -50,7 +50,7 @@ const Layout: FC<Props> = (props: Props) => {
       <Head>
         <title>{props.meta?.title} | Supabase</title>
         <meta name="description" content={props.meta?.description} />
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <link rel="icon" href="/docs/favicon.ico" />
         <meta property="og:type" content="website" />
         <meta property="og:site_name" content={props.meta?.title} />
diff --git a/apps/docs/pages/_document.tsx b/apps/docs/pages/_document.tsx
index 98acbb79912..ed9a8a70c10 100644
--- a/apps/docs/pages/_document.tsx
+++ b/apps/docs/pages/_document.tsx
@@ -3,7 +3,9 @@ import { Html, Head, Main, NextScript } from 'next/document'
 export default function Document() {
   return (
     <Html lang="en" className="dark">
-      <Head></Head>
+      <Head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
+      </Head>
       <body>
         <Main />
         <NextScript />
diff --git a/apps/www/pages/_app.tsx b/apps/www/pages/_app.tsx
index b4fb7a031ce..9698060202f 100644
--- a/apps/www/pages/_app.tsx
+++ b/apps/www/pages/_app.tsx
@@ -38,7 +38,7 @@ export default function MyApp({ Component, pageProps }: AppProps) {
   return (
     <>
       <Head>
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       </Head>
       <Meta />
       <DefaultSeo
diff --git a/apps/www/pages/beta.tsx b/apps/www/pages/beta.tsx
index 881ad2000fd..3bdad4d37e0 100644
--- a/apps/www/pages/beta.tsx
+++ b/apps/www/pages/beta.tsx
@@ -966,6 +966,7 @@ const Beta = (props: Props) => {
     <Layout hideHeader={true}>
       <Head>
         <title>{site_title}</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
         <meta name="og:title" property="og:title" content={site_title} />
         <meta name="twitter:site" content={site_title} />
         <meta name="twitter:text:title" content={site_title} />
diff --git a/examples/user-management/sveltekit-user-management/src/app.html b/examples/user-management/sveltekit-user-management/src/app.html
index b555f2469a3..8ce87909fb7 100644
--- a/examples/user-management/sveltekit-user-management/src/app.html
+++ b/examples/user-management/sveltekit-user-management/src/app.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-prefetch>