diff --git a/src/themes/light/theme.css b/src/themes/light/theme.css
index 24e40431c4..dd53df53ae 100644
--- a/src/themes/light/theme.css
+++ b/src/themes/light/theme.css
@@ -1,3 +1,7 @@
+* {
+    scrollbar-width: thin;
+}
+
 .skinHeader,
 html {
     color: #222;
@@ -465,6 +469,28 @@ html {
     border-color: #00a4dc !important;
 }
 
+::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+}
+
+.layout-desktop ::-webkit-scrollbar,
+.layout-tv ::-webkit-scrollbar {
+    width: 0.4em;
+    height: 0.4em;
+}
+
+::-webkit-scrollbar-thumb:horizontal,
+::-webkit-scrollbar-thumb:vertical {
+    border-radius: 2px;
+    -webkit-border-radius: 2px;
+    background: center no-repeat #999;
+}
+
+.timeslotHeaders-desktop::-webkit-scrollbar {
+    height: 0.7em;
+}
+
 .metadataSidebarIcon {
     color: #00a4dc;
 }