diff --git a/src/components/chat/chat.scss b/src/components/chat/chat.scss
index 4abd94a171..aef58495cd 100644
--- a/src/components/chat/chat.scss
+++ b/src/components/chat/chat.scss
@@ -144,8 +144,14 @@
       top: 0;
       margin-top: 0;
       border-radius: 0;
-      background: linear-gradient(to top, var(--panel), var(--panel)),
-                  linear-gradient(to top, var(--bg), var(--bg));
+
+      /* This practically overlays the panel heading color over panel background
+       * color. This is needed because we allow transparent panel background and
+       * it doesn't work well in this "disjointed panel header" case
+       */
+      background:
+        linear-gradient(to top, var(--panel), var(--panel)),
+        linear-gradient(to top, var(--bg), var(--bg));
       height: 50px;
     }