From 44cbd260dce626ff28535f9d6d648ca7d3962fbc Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Mon, 1 Dec 2025 13:19:05 +0000
Subject: [PATCH] Fix word wrapping in expanded left panel buttons (#31377)

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 res/css/structures/_QuickSettingsButton.pcss   |  5 ++++-
 res/css/structures/_ThreadsActivityCentre.pcss | 11 ++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

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 {