diff --git a/layouts/partials/sections/education.html b/layouts/partials/sections/education.html
index 59db9a3..a300398 100644
--- a/layouts/partials/sections/education.html
+++ b/layouts/partials/sections/education.html
@@ -59,7 +59,7 @@
                                 {{ $hideScale  := .takenCourses.hideScale }}
                                 <table>
                                     <thead>
-                                        <th>{{ i18n "course_name"}}</th>
+                                        <th class="course-name-header">{{ i18n "course_name"}}</th>
                                         {{ if not $hideScale  }}<th>{{ i18n "total_credit"}}</th>{{ end }}
                                         <th>{{ i18n "obtained_credit"}}</th>
                                     </thead>
diff --git a/static/css/sections/education.css b/static/css/sections/education.css
index 7b31cf3..201c039 100644
--- a/static/css/sections/education.css
+++ b/static/css/sections/education.css
@@ -102,7 +102,9 @@
   border: none;
   color: #212529;
 }
-
+.education-section .taken-courses th.course-name-header{
+  width: 50%;
+}
 .education-section .taken-courses .hidden-course {
   display: none;
   transition: all 1s ease-out;