diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index eed0874b7..538aafaaf 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -627,7 +627,7 @@ const Player = ({ urlParams, queryParams }) => {
             {
                 error !== null ?
                     <Error
-                        className={styles['layer']}
+                        className={classnames(styles['layer'], styles['error-layer'])}
                         stream={video.state.stream}
                         {...error}
                     />
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index 86be17c13..b86d2fe23 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -40,8 +40,9 @@ html:not(.active-slider-within) {
         bottom: 0;
         z-index: 0;
 
-        &.buffering-layer {
+        &.buffering-layer, &.error-layer {
             z-index: 1;
+            background: transparent;
         }
 
         &.background-layer {
@@ -49,6 +50,7 @@ html:not(.active-slider-within) {
                 width: 100vw;
                 height: 100vh;
                 object-fit: cover;
+                opacity: 0.7;
             }
         }