diff --git a/res/css/structures/_HeaderButtons.scss b/res/css/structures/_HeaderButtons.scss
index a93cd0336a6..c896b7f527e 100644
--- a/res/css/structures/_HeaderButtons.scss
+++ b/res/css/structures/_HeaderButtons.scss
@@ -21,6 +21,7 @@ limitations under the License.
 .mx_HeaderButtons::before {
     content: "";
     background-color: $header-divider-color;
+    opacity: 0.5;
     margin: 0 15px;
     border-radius: 2px;
     width: 2px;
diff --git a/res/themes/dark/css/_dark.scss b/res/themes/dark/css/_dark.scss
index 53fdefc403a..32fb275a32d 100644
--- a/res/themes/dark/css/_dark.scss
+++ b/res/themes/dark/css/_dark.scss
@@ -86,7 +86,7 @@ $composer-button-color: $header-panel-text-primary-color;
 $roomtopic-color: $text-secondary-color;
 $eventtile-meta-color: $roomtopic-color;
 
-$header-divider-color: $header-panel-border-color;
+$header-divider-color: $header-panel-text-primary-color;
 
 $roomtile-name-color: $header-panel-text-primary-color;
 $roomtile-selected-color: $text-primary-color;
diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
index fa83a0bdfb5..eec98258b4b 100644
--- a/res/themes/light/css/_light.scss
+++ b/res/themes/light/css/_light.scss
@@ -155,7 +155,7 @@ $roomtopic-color: #9fa9ba;
 $eventtile-meta-color: $roomtopic-color;
 
 $composer-e2e-icon-color: #c9ced6;
-$header-divider-color: #e6eaee;
+$header-divider-color: #91A1C0;
 
 // ********************