From 5b255198902a2313d90a06849a9538c0bfa425cf Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Thu, 5 Oct 2023 13:10:51 +0500
Subject: [PATCH] MM-54723 - Updating btn icon sizes (#24679)

---
 .../channels/src/sass/components/_buttons.scss | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/webapp/channels/src/sass/components/_buttons.scss b/webapp/channels/src/sass/components/_buttons.scss
index 0b360b9e72..c9cef63b73 100644
--- a/webapp/channels/src/sass/components/_buttons.scss
+++ b/webapp/channels/src/sass/components/_buttons.scss
@@ -52,7 +52,6 @@ button {
         padding: 0;
         background-color: transparent;
         color: rgba(var(--center-channel-color-rgb), 0.56);
-        font-size: 24px;
 
         &:hover {
             background-color: rgba(var(--center-channel-color-rgb), 0.08);
@@ -66,40 +65,49 @@ button {
         }
 
         i {
-            font-size: inherit;
+            font-size: 24px;
         }
 
         &.btn-xs {
             width: 24px;
             height: 24px;
-            font-size: 14.4px;
 
             &.btn-compact {
                 width: 20px;
                 height: 20px;
             }
+
+            i {
+                font-size: 14.4px;
+            }
         }
 
         &.btn-sm {
             width: 32px;
             height: 32px;
-            font-size: 18px;
 
             &.btn-compact {
                 width: 28px;
                 height: 28px;
             }
+
+            i {
+                font-size: 18px;
+            }
         }
 
         &.btn-lg {
             width: 48px;
             height: 48px;
-            font-size: 31.2px;
 
             &.btn-compact {
                 width: 36px;
                 height: 36px;
             }
+
+            i {
+                font-size: 31.2px;
+            }
         }
     }