From 71398fcf9c1b9782263db74ad75c1047de1edcf3 Mon Sep 17 00:00:00 2001
From: moonki <moonki0623@naver.com>
Date: Sun, 8 Sep 2024 19:40:54 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20header=20height=EA=B0=92=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/main/layout.tsx                  | 2 +-
 src/components/Header/MainPageHeader.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/main/layout.tsx b/src/app/main/layout.tsx
index 939919f..3608ea9 100644
--- a/src/app/main/layout.tsx
+++ b/src/app/main/layout.tsx
@@ -8,7 +8,7 @@ export default function MainPageLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <main className='flex flex-col items-center bg-white'>
+    <main className='flex flex-col items-center gap-4 bg-white'>
       <MainPageHeader />
       <div className='flex flex-col items-center w-full'>
         <Suspense fallback={<div></div>}>
diff --git a/src/components/Header/MainPageHeader.tsx b/src/components/Header/MainPageHeader.tsx
index 139ff74..d20445d 100644
--- a/src/components/Header/MainPageHeader.tsx
+++ b/src/components/Header/MainPageHeader.tsx
@@ -6,12 +6,12 @@ import Image from 'next/image';
 
 const MainPageHeader = () => {
   return (
-    <div className={`py-8 justify-between flex items-center w-content bg-white`}>
+    <div className={`justify-between flex h-16 items-center w-content bg-white`}>
       <Link href='/main'>
         <Image src={ServiceIcon} alt='ServiceIcon' width={153} height={64} />
       </Link>
 
-      <Link href='/mypage' className='flex flex-row items-center cursor-pointer gap-1 text-blue'>
+      <Link href='/mypage' className='flex flex-row items-center gap-1 cursor-pointer text-blue'>
         <HomeIcon width={24} fill='#168FD0' />
         <span className='text-body3'>마이 페이지</span>
       </Link>