fix: sidebar horizontal scrolling and spacing

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;

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,