diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index d96048ed5..10e896ce9 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -428,29 +428,32 @@ const Player = ({ urlParams, queryParams }) => {
videoState.buffering ?
:
- error !== null ?
-
-
{error.message}
- {
- playlist ?
-
-
-
- :
- null
- }
-
- :
- null
+ null
}
+ {
+ error !== null ?
+
+
{error.message}
+ {
+ playlist ?
+
+
+
+ :
+ null
+ }
+
+ :
+ null
+ }
{
subtitlesMenuOpen || infoMenuOpen ?
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index 07ba94378..6ada11277 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -38,7 +38,6 @@ html:not(.active-slider-within) {
bottom: 0;
&.error-layer {
- z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
@@ -55,8 +54,7 @@ html:not(.active-slider-within) {
}
.error-details {
- display: flex;
- gap: 0.8rem;
+ flex: 0 1 auto;
font-size: 1.5rem;
margin-top: 1.5rem;
color: @color-surface-light5-90;
@@ -66,7 +64,6 @@ html:not(.active-slider-within) {
display: flex;
flex-direction: row;
align-items: center;
- gap: 1rem;
height: 3.5rem;
padding: 0.5rem 1rem;
font-weight: 500;
@@ -80,6 +77,7 @@ html:not(.active-slider-within) {
.icon {
width: 1.5rem;
height: 1.5rem;
+ margin-right: 1rem;
fill: @color-surface-light5-90;
}
}