diff --git a/src/components/htmlvideoplayer/style.css b/src/components/htmlvideoplayer/style.css
index 6397090733..9550f2c873 100644
--- a/src/components/htmlvideoplayer/style.css
+++ b/src/components/htmlvideoplayer/style.css
@@ -25,7 +25,7 @@
 }
 
 video::-webkit-media-controls {
-    display:none !important;
+    display: none !important;
 }
 
 .htmlvideoplayer {
@@ -37,13 +37,13 @@ video::-webkit-media-controls {
 
 .htmlvideoplayer::cue {
     background-color: transparent;
-    text-shadow: .14em .14em .14em rgba(0, 0, 0, 1);
+    text-shadow: 0.14em 0.14em 0.14em rgba(0, 0, 0, 1);
     -webkit-font-smoothing: antialiased;
     font-family: inherit;
 }
 
 .htmlvideoplayer-moveupsubtitles::-webkit-media-text-track-display {
-    /*Style the text itself*/
+    /* style the text itself */
     margin-top: -2em;
 }
 
@@ -59,15 +59,15 @@ video::-webkit-media-controls {
 
 .videoSubtitlesInner {
     max-width: 70%;
-    background-color: rgba(0, 0, 0, .8);
-    padding: .25em;
+    background-color: rgba(0, 0, 0, 0.8);
+    padding: 0.25em;
     margin: auto;
     display: inline-block;
 }
 
 @keyframes htmlvideoplayer-zoomin {
     from {
-        transform: scale3d(.2, .2, .2);
+        transform: scale3d(0.2, 0.2, 0.2);
         opacity: .6;
     }