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 {