diff --git a/res/css/structures/_LeftPanel2.scss b/res/css/structures/_LeftPanel2.scss
index 71d16aaa8f..6d9608f312 100644
--- a/res/css/structures/_LeftPanel2.scss
+++ b/res/css/structures/_LeftPanel2.scss
@@ -55,7 +55,7 @@ $tagPanelWidth: 70px; // only applies in this file, used for calculations
 
         .mx_LeftPanel2_userHeader {
             padding: 12px 12px 20px; // 12px top, 12px sides, 20px bottom
-            flex-shrink: 0;
+            flex-shrink: 0; // to convince safari's layout engine the flexbox is fine
 
             // Create another flexbox column for the rows to stack within
             display: flex;
@@ -93,7 +93,7 @@ $tagPanelWidth: 70px; // only applies in this file, used for calculations
             margin-left: 12px;
             margin-right: 12px;
 
-            flex-shrink: 0;
+            flex-shrink: 0; // to convince safari's layout engine the flexbox is fine
 
             // Create a flexbox to organize the inputs
             display: flex;
diff --git a/res/css/views/rooms/_RoomSublist2.scss b/res/css/views/rooms/_RoomSublist2.scss
index eca738c46a..c656f2d15d 100644
--- a/res/css/views/rooms/_RoomSublist2.scss
+++ b/res/css/views/rooms/_RoomSublist2.scss
@@ -24,7 +24,7 @@ limitations under the License.
     margin-left: 8px;
     width: 100%;
 
-    flex-shrink: 0;
+    flex-shrink: 0; // to convince safari's layout engine the flexbox is fine
 
     .mx_RoomSublist2_headerContainer {
         // Create a flexbox to make alignment easy