diff --git a/Moonlight/Shared/Components/FileManagerPartials/FileView.razor b/Moonlight/Shared/Components/FileManagerPartials/FileView.razor
index af60ab46..c2266c35 100644
--- a/Moonlight/Shared/Components/FileManagerPartials/FileView.razor
+++ b/Moonlight/Shared/Components/FileManagerPartials/FileView.razor
@@ -2,7 +2,7 @@
 @using BlazorContextMenu
 @using Moonlight.App.Helpers
 
-<div class="table-responsive">
+<div class="table-responsive single-color-scrollbar">
     <div class="dataTables_scroll">
         <div class="dataTables_scrollHead">
             <div class="dataTables_scrollHeadInner">
diff --git a/Moonlight/wwwroot/assets/css/blazor.css b/Moonlight/wwwroot/assets/css/blazor.css
index 108739ab..bb6049b1 100644
--- a/Moonlight/wwwroot/assets/css/blazor.css
+++ b/Moonlight/wwwroot/assets/css/blazor.css
@@ -66,8 +66,8 @@
 ::-webkit-scrollbar-thumb {
     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.5, #a520ca), color-stop(1, #2681cc));
 }
-}
 
-::-webkit-scrollbar-thumb:hover {
-    background: #6964E4;
+
+.single-color-scrollbar::-webkit-scrollbar-thumb {
+    background-color: #6964E4;
 }
\ No newline at end of file