diff --git a/res/css/structures/_CustomRoomTagPanel.scss b/res/css/structures/_CustomRoomTagPanel.scss
index 278c7c3d0c..32ad20132d 100644
--- a/res/css/structures/_CustomRoomTagPanel.scss
+++ b/res/css/structures/_CustomRoomTagPanel.scss
@@ -32,8 +32,9 @@ limitations under the License.
 }
 
 .mx_CustomRoomTagPanel .mx_AccessibleButton {
-    margin: 9px auto;
+    margin: 0 auto;
     width: 40px;
+    padding: 10px 0 9px 0;
     position: relative;
 }
 
diff --git a/res/css/structures/_TagPanel.scss b/res/css/structures/_TagPanel.scss
index e2eda433ba..dddd2e324c 100644
--- a/res/css/structures/_TagPanel.scss
+++ b/res/css/structures/_TagPanel.scss
@@ -87,16 +87,15 @@ limitations under the License.
     height: 40px;
     width: 40px;
     border-radius: 20px;
-    background-color: $tagpanel-button-color;
-    opacity: 0.11;
+    background-color: $roomheader-addroom-bg-color;
     position: relative;
     /* overwrite mx_RoleButton inline-block */
     display: block !important;
 
     &::before {
+        background-color: $roomheader-addroom-fg-color;
         mask-image: url('$(res)/img/feather-customised/plus.svg');
         mask-position: center;
-        background-color: $button-primary-fg-color;
         mask-repeat: no-repeat;
         content: '';
         position: absolute;