diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index 7dc09f408..c7d94d82c 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -610,12 +610,6 @@ const Player = ({ urlParams, queryParams }) => {
                 onClick={onVideoClick}
                 onDoubleClick={onVideoDoubleClick}
             />
-            {
-                (video.state.buffering || !video.state.loaded) && !error ?
-                    <BufferingLoader className={classnames(styles['layer'], styles['buffering-layer'])} logo={player?.metaItem?.content?.logo} />
-                    :
-                    null
-            }
             {
                 !video.state.loaded ?
                     <div className={classnames(styles['layer'], styles['background-layer'])}>
@@ -624,6 +618,12 @@ const Player = ({ urlParams, queryParams }) => {
                     :
                     null
             }
+            {
+                (video.state.buffering || !video.state.loaded) && !error ?
+                    <BufferingLoader className={classnames(styles['layer'], styles['buffering-layer'])} logo={player?.metaItem?.content?.logo} />
+                    :
+                    null
+            }
             {
                 error !== null ?
                     <Error
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index a9e62020c..8bff42fe1 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -49,7 +49,7 @@ html:not(.active-slider-within) {
                 width: 100vw;
                 height: 100vh;
                 object-fit: cover;
-                opacity: 0.7;
+                opacity: 0.6;
             }
         }