diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.js b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.js
index b1bda180..e8684f91 100644
--- a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.js
+++ b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.js
@@ -2467,9 +2467,9 @@ const VideoPlayerBase = class extends React.Component {
                 </p>
               }
 
-              <div className={css.loaderWrap}>
+              {/* <div className={css.loaderWrap}>
                 <Loader />
-              </div>
+              </div> */}
             </>
           ) : null}
           {this.state.mediaControlsVisible && (
diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less
index d674fc53..ed10c341 100644
--- a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less
+++ b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less
@@ -718,7 +718,7 @@
       }
 
       .sliderContainer {
-        // display: flex;
+        display: flex;
         position: relative;
         align-items: center;
         margin-left: 60px;
@@ -728,6 +728,9 @@
         > *:first-child {
           text-align: right;
         }
+        > * + * {
+          margin-left: 12px;
+        }
 
         .enact-locale-rtl({
 					direction: ltr;
@@ -798,14 +801,20 @@
   z-index: 10;
   display: flex;
   flex-direction: column;
-  gap: 16px;
+
+  > * + * {
+    margin-top: 16px;
+  }
 }
 
 .sliderContainer {
   display: flex;
   align-items: center;
-  gap: 12px;
   width: 100%;
+
+  > * + * {
+    margin-left: 12px;
+  }
 }
 
 .times {
@@ -815,9 +824,12 @@
 
 .controlsButtons {
   display: flex;
-  gap: 20px;
   justify-content: center;
   align-items: center;
+
+  > * + * {
+    margin-left: 20px;
+  }
 }
 
 .playPauseBtn {