From 74b2d80083329cdbe3cdb189108b2d8b57a467a5 Mon Sep 17 00:00:00 2001
From: dongkyun-dev <thd6576@naver.com>
Date: Fri, 22 Mar 2024 21:05:55 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20Dialog=20=EB=A7=90=EC=A4=84=EC=9E=84=20?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/components/ProfileButton.tsx | 2 +-
 src/components/Layout/style.css.ts                 | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Layout/components/ProfileButton.tsx b/src/components/Layout/components/ProfileButton.tsx
index f4b050da..106d56dd 100644
--- a/src/components/Layout/components/ProfileButton.tsx
+++ b/src/components/Layout/components/ProfileButton.tsx
@@ -34,7 +34,7 @@ const ProfileButton = () => {
       <Dropdown.List>
         <Dropdown.Title>
           <Icon icon="profileDialog" width={40} height={40} />
-          <span className={styles.profileName}>{data?.nickname}님</span>
+          <span className={styles.profileName}>{data?.nickname}</span>님
         </Dropdown.Title>
         <Dropdown.Item
           onClick={() => router.push('/profile')}
diff --git a/src/components/Layout/style.css.ts b/src/components/Layout/style.css.ts
index df4dc7df..11084f56 100644
--- a/src/components/Layout/style.css.ts
+++ b/src/components/Layout/style.css.ts
@@ -77,6 +77,10 @@ export const profileName = style([
     verticalAlign: 'middle',
     display: 'inline-block',
     marginLeft: '8px',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    maxWidth: '112px',
+    textOverflow: 'ellipsis',
   },
 ]);