diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 31ea9dd2..b677ba95 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,5 +1,5 @@
 import { VersionOverlay } from '@willbooster/shared-lib-react';
-import type { Metadata } from 'next';
+import type { Metadata, Viewport } from 'next';
 import React from 'react';
 
 import { Providers } from '../components/organisms/Providers';
@@ -9,7 +9,11 @@ import type { LayoutComponent } from '../types';
 export const metadata: Metadata = {
   title: { absolute: APP_NAME, template: `%s | ${APP_NAME}` },
   description: APP_DESCRIPTION,
-  viewport: { width: 'device-width', initialScale: 1 },
+};
+
+export const viewport: Viewport = {
+  width: 'device-width',
+  initialScale: 1,
 };
 
 const RootLayout: LayoutComponent = ({ children }) => {