diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 8952694..e96d6b2 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -5,6 +5,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { useState, useEffect } from 'react';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { useRouter } from 'next/router';
+import Head from 'next/head';
 import Script from 'next/script';
 import theme from '@/styles/theme';
 import global from '@/styles/global';
@@ -36,6 +37,12 @@ export default function App({ Component, pageProps }: AppProps) {
           <Global styles={global} />
           {process.env.NODE_ENV === 'production' && (
             <>
+              <Head>
+                <meta
+                  name="viewport"
+                  content="width=device-width, initial-scale=1, viewport-fit=cover"
+                />
+              </Head>
               <Script
                 strategy="afterInteractive"
                 src={`https://www.googletagmanager.com/gtag/js?id=${gtag.GA_TRACKING_ID}`}
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 98aa26d..e85b2ec 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -6,10 +6,6 @@ export default function Document() {
   return (
     <Html lang="ko">
       <Head>
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, viewport-fit=cover"
-        />
         <meta property="og:image" content="/app-assets/og-image.png" />
         <meta name="theme-color" content={color.WHITE} />
         <meta name="msapplication-TileColor" content={color.NORMAL} />
