diff --git a/src/assets/css/stream-settings.styl b/src/assets/css/stream-settings.styl
index 9fdbccd..03ababe 100644
--- a/src/assets/css/stream-settings.styl
+++ b/src/assets/css/stream-settings.styl
@@ -9,12 +9,16 @@
 
 .bx-stream-settings-overlay {
     position: fixed;
-    background: transparent;
+    background: #0b0b0be3;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: var(--bx-stream-settings-overlay-z-index);
+
+    &[data-is-playing="true"] {
+        background: transparent;
+    }
 }
 
 .bx-stream-settings-tabs {
diff --git a/src/modules/stream/stream-settings.ts b/src/modules/stream/stream-settings.ts
index 86bfae0..38c793f 100644
--- a/src/modules/stream/stream-settings.ts
+++ b/src/modules/stream/stream-settings.ts
@@ -251,8 +251,9 @@ export class StreamSettings {
         }
 
         this.$overlay!.classList.remove('bx-gone');
-        $container.classList.remove('bx-gone');
+        this.$overlay!.dataset.isPlaying = STATES.isPlaying.toString();
 
+        $container.classList.remove('bx-gone');
         document.body.classList.add('bx-no-scroll');
     }