diff --git a/class_registration_app/src/components/CourseSearch.vue b/class_registration_app/src/components/CourseSearch.vue
index 3d9f68e..6c9ac26 100644
--- a/class_registration_app/src/components/CourseSearch.vue
+++ b/class_registration_app/src/components/CourseSearch.vue
@@ -12,6 +12,7 @@ interface CourseInfo {
   MaxStudents: number;
   StudentsEnrolled: number;
   Prerequisites: string;
+  Section: string; // added for section
 }
 
 function handleSearch() {
@@ -50,6 +51,7 @@ function handleSearch() {
         let course_professor = document.createElement('h2');
         let course_space = document.createElement('h2');
         let course_prerequisites = document.createElement('h2');
+        let course_section = document.createElement('h2'); // for course sections
 
         // Set class or any other attributes for the div
         div.className = "course-list-item"; // You can set class name here
@@ -77,12 +79,16 @@ function handleSearch() {
         course_prerequisites.className = "course-prerequisites";
         course_prerequisites.textContent = "Prerequisites: " + Course.Prerequisites;
 
+        course_section.className = "course-section";
+        course_section.textContent = "Section: " + Course.Section;
+
 
         // Append the div to the container
         if (container != null){
           container.appendChild(div);
           div.appendChild(course_name);
           div.appendChild(course_location);
+          div.appendChild(course_section);
           div.appendChild(course_status);
           div.appendChild(document.createElement('br'));
           div.appendChild(course_professor);