components/Header.module.css

@@ -33,8 +33,6 @@
 
 .sideBarShown {
   composes: sideBarCommon;
-  /* -1% to hide slight line tip showing in some browsers */
-  transform: translateX(-1%);
 }
 
 .sideBarHidden {

pages/_app.css

@@ -2,7 +2,8 @@ html {
   scroll-behavior: smooth;
 }
 
-html, body {
+html,
+body {
   overflow-x: hidden;
 }
 
@@ -150,4 +151,20 @@ a:hover {
     --card-background: var(--dark--card-background);
     --label: var(--dark--label);
   }
+}
+
+/* Custom styles for scroll bars on chromium */
+::-webkit-scrollbar {
+  width: 1em;
+  height: 1em;
+}
+
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-track:horizontal {
+  background: var(--card-background);
+}
+
+::-webkit-scrollbar-thumb,
+::-webkit-scrollbar-thumb:horizontal {
+  background-color: var(--tertiary-background);
 }