diff --git a/src/app/(service)/layout.tsx b/src/app/(service)/layout.tsx
index 41b1a551..d99c0c6e 100644
--- a/src/app/(service)/layout.tsx
+++ b/src/app/(service)/layout.tsx
@@ -39,12 +39,12 @@ export default function ServiceLayout({
   return (
     <html lang="ko">
       <head>{GTM_ID && <GoogleTagManager gtmId={GTM_ID} />}</head>
-      <body className={clsx(pretendard.className, 'h-screen w-screen')}>
+      <body className={clsx(pretendard.className, 'min-h-screen w-screen')}>
         <MainProvider>
           <PageViewTracker />
-          <div className="flex h-screen w-full flex-col overflow-hidden">
+          <div className="flex min-h-screen w-full flex-col overflow-x-auto">
             <Header />
-            <main className="w-full flex-1 overflow-auto">{children}</main>
+            <main className="w-full flex-1">{children}</main>
           </div>
         </MainProvider>
       </body>
diff --git a/src/widgets/home/header.tsx b/src/widgets/home/header.tsx
index ad8dc964..1089e05e 100644
--- a/src/widgets/home/header.tsx
+++ b/src/widgets/home/header.tsx
@@ -28,8 +28,8 @@ export default async function Header() {
     : undefined;
 
   return (
-    <header className="mx-auto w-[1496px] bg-white px-600 py-[11px] mix-blend-multiply">
-      <div className="flex w-full items-center justify-between">
+    <header className="bg-white py-[11px] mix-blend-multiply">
+      <div className="mx-auto flex w-[1496px] items-center justify-between px-600">
         <div className="flex items-center gap-[7.5px] px-[8px] py-[11px]">
           <Image src="/icons/logo.svg" alt="Logo" width={18} height={18} />
           <Link href="/">
