diff --git a/src/css/injected.scss b/src/css/injected.scss
index 1f49697d..06677097 100644
--- a/src/css/injected.scss
+++ b/src/css/injected.scss
@@ -526,9 +526,6 @@ div > ol:has(.uiFileHandlerWrapper) {
 [aria-labelledby="lixycoxs-tab-1"] [minlength="0"] {
   min-height: 8rem !important;
 }
-#menu ul {
-  width: 280px; // TODO: I know its 10px larger than its parent, but for some reason there is a 10px right padding that doesn't show up properly in devtools???
-}
 .student #menu > ul::before {
   background-image: var(--betterseqta-logo);
   position: -webkit-sticky;
diff --git a/src/css/injected/sidebar-animation.scss b/src/css/injected/sidebar-animation.scss
index edffc088..9e8941bc 100644
--- a/src/css/injected/sidebar-animation.scss
+++ b/src/css/injected/sidebar-animation.scss
@@ -4,7 +4,7 @@
 }
 
 #menu ul:not(:has(li.hasChildren.active)) {
-  overflow: scroll !important;
+  overflow-y: scroll !important;
 }
 
 #menu > ul:has(li.hasChildren.active) > li > label,