diff --git a/conversejs/custom/shared/styles/livechat.scss b/conversejs/custom/shared/styles/livechat.scss
index 80b09dc0..cdd09f96 100644
--- a/conversejs/custom/shared/styles/livechat.scss
+++ b/conversejs/custom/shared/styles/livechat.scss
@@ -65,8 +65,8 @@ body[livechat-viewer-mode="on"] {
 
 // Transparent mode
 body.livechat-transparent {
-  // --peertube-main-background: var(--livechat-transparent) !important;
-  // --peertube-menu-background: var(--livechat-transparent) !important;
+  // --peertube-main-background: rgba(0 0 0 / 0%) !important;
+  // --peertube-menu-background: rgba(0 0 0 / 0%) !important;
 
   &.converse-fullscreen {
     background-color: var(--livechat-transparent) !important;
@@ -76,7 +76,7 @@ body.livechat-transparent {
   .conversejs .chatroom .box-flyout,
   .conversejs .chatbox .chat-content,
   .conversejs .chatbox .chat-content .chat-content__notifications {
-    background-color: var(--livechat-transparent) !important;
+    background-color: rgba(0 0 0 / 0%) !important;
   }
 
   // Hide the background_logo