Scrollbar set to hidden in scoreboard

ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css

@@ -1,6 +1,5 @@
 #navigation-bar-container {
     background-color: hsl(0, 98%, 40%);
-    
     box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
 }
 

ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/scoreboard.css

@@ -2,6 +2,7 @@
     overflow-x: auto; /* Enable horizontal scrolling */
     white-space: nowrap; /* Prevent cards from wrapping to the next line */
     border: 1px solid rgb(202, 2, 2);
+    
 
     background-color: rgb(255, 255, 255);
 
@@ -9,6 +10,11 @@
     box-shadow: inset 0px 0px 15px rgba(77, 76, 76, 0.3);
 }
 
+/* Hide scrollbar in scoreboard for webkit browsers */
+.scoreboard-container::-webkit-scrollbar {
+    display: none;
+}
+
 .league-container {
     display: inline-block; /* Change display property to inline-block to prevent stretching */
 }