diff --git a/components/HeaderMenu.tsx b/components/HeaderMenu.tsx
index fef447a..b4f0432 100644
--- a/components/HeaderMenu.tsx
+++ b/components/HeaderMenu.tsx
@@ -16,9 +16,9 @@ const HeaderMenu = () => {
           onClick={() => {
             router.push("/login");
           }}
-          width="w-[80px] md:w-[128px]"
-          height="h-[37px] md:h-[53px]"
-          size="text-[14px] md:text-[18px]"
+          width="w-[80px] md:w-[128px] lg:w-[128px]"
+          height="h-[37px] md:h-[53px] lg:h-[53px]"
+          size="text-[14px] md:text-[18px] lg:text-[18px]"
           type="button"
         >
           로그인
@@ -27,7 +27,7 @@ const HeaderMenu = () => {
         <div className="flex items-center gap-[24px]">
           <Link
             href={"/favorite"}
-            className="flex items-center gap-[6px] bg-gray200 border border-purple100 rounded-[4px] py-[10px] px-[12px] text-[12px] leading-[14.32px] md:text-[14px] md:leading-[16.71px] font-normal"
+            className="flex items-center gap-[6px] bg-gray200 border border-purple100 rounded-[4px] py-[10px] px-[12px] text-[12px] leading-[14.32px] md:text-[14px] md:leading-[16.71px] lg:text-[14px] lg:leading-[16.71px] font-normal"
           >
             <Image
               src={Star}
@@ -41,7 +41,7 @@ const HeaderMenu = () => {
           <div className="flex items-center gap-[6px] text-[14px] leading-[16.71px] font-normal">
             <Image src={Profile} width={28} height={28} alt="프로필" />
             {/* 임시 유저 네임 */}
-            <span className="hidden md:block">전상민</span>
+            <span className="hidden md:block lg:block">전상민</span>
           </div>
         </div>
       )}
diff --git a/components/Layout/Header.tsx b/components/Layout/Header.tsx
index b1ce367..56e13c0 100644
--- a/components/Layout/Header.tsx
+++ b/components/Layout/Header.tsx
@@ -5,11 +5,11 @@ import HeaderMenu from "../HeaderMenu";
 
 const Header = () => {
   return (
-    <header className="bg-gray100 py-[13px] px-[32px] md:py-[33px] md:px-[200px]">
+    <header className="bg-gray100 py-[13px] px-[32px] md:py-[33px] md:px-[200px] lg:py-[33px] lg:px-[200px]">
       <div className="flex justify-between items-center max-w-[1520px]">
         <Link
           href={"/"}
-          className="w-[88.67px] h-[16px] md:w-[133px] md:h-[24px]"
+          className="w-[88.67px] h-[16px] md:w-[133px] md:h-[24px] lg:w-[133px] lg:h-[24px]"
         >
           <Image src={Logo} width={133} height={24} alt="로고" />
         </Link>