diff --git a/styles/addCourse.module.css b/styles/addCourse.module.css
index 8bdb78b..eaf6805 100644
--- a/styles/addCourse.module.css
+++ b/styles/addCourse.module.css
@@ -11,6 +11,7 @@
 
     --background-color: var(--dark-background-color);
     --color: var(--dark-color);
+    --color-rgb: var(--dark-color-rgb);
 
     --first-color: var(--dark-first-color);
     --first-color-rgb: var(--dark-first-color-rgb);
diff --git a/styles/course.module.css b/styles/course.module.css
index 0007854..dee8028 100644
--- a/styles/course.module.css
+++ b/styles/course.module.css
@@ -171,7 +171,7 @@
 .menu-mobile-btn svg {
     width: 30px;
     height: 30px;
-    fill: var(--color);
+    fill: var(--white);
 }
 
 .result {
@@ -298,10 +298,11 @@
     .aside {
         position: fixed;
         top: 7vh;
-        left: 7vw;
-        width: 86vw;
+        left: 10vw;
+        width: 80vw;
         height: calc(86% - 40px);
         display: none;
+        z-index: 100;
     }
 
     .aside.open {
@@ -318,10 +319,10 @@
         transition: all 0.3s;
         padding: 20px;
         overflow-y: auto;
-        z-index: 101;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
+        z-index: 101;
     }
 
     #menu .close {
@@ -336,10 +337,18 @@
         padding: 5px;
     }
 
+    .year-label {
+        width: calc(100% - 40px);
+    }
+
     .year-label:hover {
         transform: scale(1);
     }
 
+    .colleges-list {
+        width: 100%;
+    }
+
     .add-btn {
         width: calc(100% - 40px);
         max-width: 100%;
@@ -353,8 +362,9 @@
     }
 
     .result {
-        width: 86vw;
+        width: 80vw;
         min-height: calc(100% - 104px - 104px - 40px);
+        margin: 32px auto;
     }
 
     .search-bar {