From 657029c0a9e5e0ed152859f412568427cbaa34cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=EA=B8=B0=EC=98=81?= <wjdrldud98@gmail.com>
Date: Tue, 13 Aug 2024 17:08:09 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=EB=A7=88=EC=9D=B4=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EA=B0=95=EC=9D=98=20=EA=B7=B8=EB=A6=AC=EB=93=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20/=20=EC=88=98=EA=B0=95=EC=83=9D=20?=
 =?UTF-8?q?=EB=93=B1=EB=A1=9D=20=EC=9D=B4=EB=A6=84=EC=9D=B4=20=EB=84=88?=
 =?UTF-8?q?=EB=AC=B4=20=EA=B8=B4=20=EA=B2=BD=EC=9A=B0=20overflow=20hidden?=
 =?UTF-8?q?=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/LectureEnroll/LectureEnroll.jsx   | 2 +-
 .../src/components/LectureEnroll/LectureEnroll.module.css | 8 ++++++++
 .../LearningLecturesPage/LearningLecturesPage.module.css  | 1 +
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/LectureEnroll/LectureEnroll.jsx b/frontend/src/components/LectureEnroll/LectureEnroll.jsx
index 4642464..fcd275a 100644
--- a/frontend/src/components/LectureEnroll/LectureEnroll.jsx
+++ b/frontend/src/components/LectureEnroll/LectureEnroll.jsx
@@ -26,7 +26,7 @@ export default function LectureEnroll({ userName, enrollid, onDelete, enrolled =
 
   return (
     <div className={styles.enrollLink}>
-      <span>{userName}</span>
+      <span className={styles.userName}>{userName}</span>
       <div className={styles.buttonWrapper}>
         {!enrolled && (
           <button
diff --git a/frontend/src/components/LectureEnroll/LectureEnroll.module.css b/frontend/src/components/LectureEnroll/LectureEnroll.module.css
index 7a8aa20..4664b97 100644
--- a/frontend/src/components/LectureEnroll/LectureEnroll.module.css
+++ b/frontend/src/components/LectureEnroll/LectureEnroll.module.css
@@ -14,6 +14,7 @@
 
 .buttonWrapper {
   display: flex;
+  flex-shrink: 0;
   gap: 8px;
 }
 
@@ -46,3 +47,10 @@
   border-color: var(--error-color);
   color: var(--error-color);
 }
+
+.userName {
+  word-break: break-all;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
diff --git a/frontend/src/pages/LearningLecturesPage/LearningLecturesPage.module.css b/frontend/src/pages/LearningLecturesPage/LearningLecturesPage.module.css
index d5d5d4c..69cbc58 100644
--- a/frontend/src/pages/LearningLecturesPage/LearningLecturesPage.module.css
+++ b/frontend/src/pages/LearningLecturesPage/LearningLecturesPage.module.css
@@ -25,6 +25,7 @@
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .thumbnail {