diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 85b90a1f..7d4dbd73 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,5 +1,4 @@
-import type { Metadata } from 'next'
-import NewCardButton from '@/components/domain/buttons/new-card-button'
+import type { Metadata, Viewport } from 'next'
 import Header from '@/components/domain/header'
 import { Toaster } from '@/components/ui/toast/Toaster'
 import { Environment } from '@/config/environment'
@@ -12,8 +11,6 @@ import '@/styles/globals.css'
 
 export const metadata: Metadata = {
   metadataBase: new URL(Environment.currentAddress()),
-  viewport:
-    'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no',
   openGraph: {
     title: '물물교환 플랫폼, 나비장터',
     description:
@@ -23,6 +20,14 @@ export const metadata: Metadata = {
   },
 }
 
+export const viewport: Viewport = {
+  width: 'device-width',
+  initialScale: 1.0,
+  maximumScale: 1.0,
+  minimumScale: 1.0,
+  userScalable: false,
+}
+
 if (Environment.apiMocking() === 'enabled') {
   console.log('Mocking enabled')
   initMockApi()