diff --git a/Moonlight/Shared/Components/FileManagerPartials/FileView.razor b/Moonlight/Shared/Components/FileManagerPartials/FileView.razor
index af60ab4..c2266c3 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 0ce3863..c45a874 100644
--- a/Moonlight/wwwroot/assets/css/blazor.css
+++ b/Moonlight/wwwroot/assets/css/blazor.css
@@ -64,9 +64,14 @@
 }
 
 ::-webkit-scrollbar-thumb {
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.5, #a520ca), color-stop(1, #2681cc));
+}
+
+
+.single-color-scrollbar::-webkit-scrollbar-thumb {
     background: #6964E4;
 }
 
-::-webkit-scrollbar-thumb:hover {
+.single-color-scrollbar::-webkit-scrollbar-thumb:hover {
     background: #6964E4;
 }
\ No newline at end of file