diff --git a/frontend/components/HeaderSmall/index.tsx b/frontend/components/HeaderSmall/index.tsx
index f0e9b19..6d98350 100644
--- a/frontend/components/HeaderSmall/index.tsx
+++ b/frontend/components/HeaderSmall/index.tsx
@@ -8,7 +8,6 @@ import {
   WidthDiv,
   LoginSignUp,
   ProfileDiv,
-  UserNameDiv,
 } from "./styles";
 import Smiling from "public/svg/Smiling With Closed Eyes Emoji.svg";
 import Blow from "public/svg/Blow Kiss Emoji.svg";
@@ -71,10 +70,10 @@ const HeaderSmall = (props: HeaderProps) => {
           </Link>
 
           {accountUserName ? (
-            <UserNameDiv>
+            <MenuLi>
               {accountUserName.slice(0, 10)}
               <ProfileDiv>님{Safari ? "😍" : <Heart />}</ProfileDiv>
-            </UserNameDiv>
+            </MenuLi>
           ) : (
             <>
               <Link href="/accounts/login">
diff --git a/frontend/components/HeaderSmall/styles.tsx b/frontend/components/HeaderSmall/styles.tsx
index 785bed4..8651a4c 100644
--- a/frontend/components/HeaderSmall/styles.tsx
+++ b/frontend/components/HeaderSmall/styles.tsx
@@ -52,7 +52,7 @@ export const ProfileDiv = styled.div`
 `;
 export const UserNameDiv = styled.div`
   display: flex;
-  /* align-items: center; */
+  align-items: center;
   font-weight: bold;
   font-size: 1.1rem;
   cursor: pointer;