diff --git a/res/css/structures/_QuickSettingsButton.pcss b/res/css/structures/_QuickSettingsButton.pcss
index 7fe7c5f35c..83d997f3a2 100644
--- a/res/css/structures/_QuickSettingsButton.pcss
+++ b/res/css/structures/_QuickSettingsButton.pcss
@@ -36,6 +36,8 @@ Please see LICENSE files in the repository root for full details.
 
         /* align with settings icon */
         margin-left: 21px;
+        margin-right: 8px;
+        width: 100%;
 
         /**
          * modify internal css of the compound component
@@ -50,7 +52,8 @@ Please see LICENSE files in the repository root for full details.
             /* align with settings label */
             margin-right: 14px;
             /* required to set the icon width when into a flex container */
-            min-width: 24px;
+            width: 24px;
+            flex-shrink: 0;
         }
 
         & .mx_QuickSettingsButton_label {
diff --git a/res/css/structures/_ThreadsActivityCentre.pcss b/res/css/structures/_ThreadsActivityCentre.pcss
index f26139da64..434ddb0ea4 100644
--- a/res/css/structures/_ThreadsActivityCentre.pcss
+++ b/res/css/structures/_ThreadsActivityCentre.pcss
@@ -23,6 +23,8 @@
 
         /* align with settings icon */
         margin-left: 21px;
+        margin-right: 8px;
+        width: 100%;
 
         /**
          * modify internal css of the compound component
@@ -31,13 +33,20 @@
         & > div {
             display: flex;
             align-items: center;
+
+            &::before {
+                inline-size: 8px;
+                block-size: 8px;
+                left: 17px;
+            }
         }
 
         & .mx_ThreadsActivityCentreButton_Icon {
             /* align with settings label */
             margin-right: 14px;
             /* required to set the icon width when into a flex container */
-            min-width: 24px;
+            width: 24px;
+            flex-shrink: 0;
         }
 
         & .mx_ThreadsActivityCentreButton_Text {