From bdb1b8d37643619262359335035895b96935e115 Mon Sep 17 00:00:00 2001
From: Arslan Butt <54792892+Arslan-work@users.noreply.github.com>
Date: Wed, 22 Nov 2023 17:52:40 +0500
Subject: [PATCH] [MM-42752] Channel header icons impacted by long channel name
 in mobile view (#25450)

---
 webapp/channels/src/sass/layout/_navigation.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/channels/src/sass/layout/_navigation.scss b/webapp/channels/src/sass/layout/_navigation.scss
index 18a543b583..b2dc8dd59a 100644
--- a/webapp/channels/src/sass/layout/_navigation.scss
+++ b/webapp/channels/src/sass/layout/_navigation.scss
@@ -85,8 +85,8 @@
 
         .navbar-toggle {
             z-index: 5;
-            width: 50px;
             height: 50px;
+            flex: 0 0 50px;
             padding: 0 10px;
             border-width: 0;
             border-color: transparent;
@@ -98,8 +98,8 @@
 
             &.navbar-right__icon {
                 display: flex;
-                width: 32px;
                 height: 32px;
+                flex: 0 0 32px;
                 align-items: center;
                 justify-content: center;
                 padding: 0;