diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss
index d767c9abc..7a7a3e9c4 100644
--- a/ui/scss/component/_file-render.scss
+++ b/ui/scss/component/_file-render.scss
@@ -167,6 +167,7 @@
     .vjs-big-play-button {
       @extend .button--icon;
       @extend .button--play;
+      background-color: rgba(0,0,0,0.6);
       border: none;
       position: static;
       z-index: 2;
@@ -176,6 +177,13 @@
       }
     }
   }
+  
+  .video-js:hover {
+    
+    .vjs-big-play-button {
+      background-color: rgba(var(--color-primary),0.6);
+    }
+  }
 }
 
 .video-overlay__wrapper {