diff --git a/res/css/structures/_HeaderButtons.scss b/res/css/structures/_HeaderButtons.scss
index 3c33b325ff..a93cd0336a 100644
--- a/res/css/structures/_HeaderButtons.scss
+++ b/res/css/structures/_HeaderButtons.scss
@@ -21,7 +21,7 @@ limitations under the License.
 .mx_HeaderButtons::before {
     content: "";
     background-color: $header-divider-color;
-    margin: 2px 20px 5px 15px ;
+    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 8a4e25d689..1ec289645f 100644
--- a/res/themes/dark/css/_dark.scss
+++ b/res/themes/dark/css/_dark.scss
@@ -86,6 +86,8 @@ $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;
+
 $roomtile-name-color: $header-panel-text-primary-color;
 $roomtile-selected-color: $text-primary-color;
 $roomtile-notified-color: $text-primary-color;