diff --git a/res/css/views/rooms/_RoomHeader.scss b/res/css/views/rooms/_RoomHeader.scss
index c3c7ff0278..90dd89064e 100644
--- a/res/css/views/rooms/_RoomHeader.scss
+++ b/res/css/views/rooms/_RoomHeader.scss
@@ -17,6 +17,7 @@ limitations under the License.
 .mx_RoomHeader {
     flex: 0 0 52px;
     border-bottom: 1px solid $primary-hairline-color;
+    background-color: $roomheader-bg-color;
 
     .mx_E2EIcon {
         margin: 0;
diff --git a/res/themes/element-dark/css/_element-dark.scss b/res/themes/element-dark/css/_element-dark.scss
index 85a8639edb..631852c8bf 100644
--- a/res/themes/element-dark/css/_element-dark.scss
+++ b/res/themes/element-dark/css/_element-dark.scss
@@ -92,6 +92,7 @@ $settings-subsection-fg-color: $text-secondary-color;
 
 $topleftmenu-color: $text-primary-color;
 $roomheader-color: $text-primary-color;
+$roomheader-bg-color: rgba(21, 25, 30, 0.6);
 $roomheader-addroom-bg-color: #3c4556; // $search-placeholder-color at 0.5 opacity
 $roomheader-addroom-fg-color: $text-primary-color;
 $tagpanel-button-color: $header-panel-text-primary-color;
diff --git a/res/themes/element/css/_element.scss b/res/themes/element/css/_element.scss
index 57995ff999..e880088b62 100644
--- a/res/themes/element/css/_element.scss
+++ b/res/themes/element/css/_element.scss
@@ -157,6 +157,7 @@ $rte-group-pill-color: #aaa;
 
 $topleftmenu-color: #212121;
 $roomheader-color: #45474a;
+$roomheader-bg-color: $primary-bg-color;
 $roomheader-addroom-bg-color: #c9ced9;
 $roomheader-addroom-fg-color: #5c6470;
 $tagpanel-button-color: #91A1C0;
diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
index 70b4983cf4..86d5fbd3ca 100644
--- a/res/themes/light/css/_light.scss
+++ b/res/themes/light/css/_light.scss
@@ -158,6 +158,7 @@ $rte-group-pill-color: #aaa;
 
 $topleftmenu-color: #212121;
 $roomheader-color: #45474a;
+$roomheader-bg-color: $primary-bg-color;
 $roomheader-addroom-bg-color: #91a1c0;
 $roomheader-addroom-fg-color: $accent-fg-color;
 $tagpanel-button-color: #91a1c0;