diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index e0a07d759..c69423fe2 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -139,8 +139,8 @@ $progress-margin: 10px;
 
   .vjs-control-bar {
     height: $control-bar-height;
-    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
-    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
+    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
+    box-shadow: 0 -15px 40px 10px rgba(0, 0, 0, 0.2);
     text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
 
     .vjs-progress-control,