Fix rendering of active call icon in sidebar's channel link (#754)

mattermost · Jun 13, 2024 · 0a20ecb · 0a20ecb
1 parent 674c56e
commit 0a20ecb
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/webapp/src/components/channel_link_label/component.tsx b/webapp/src/components/channel_link_label/component.tsx
@@ -48,14 +48,17 @@ const ChannelLinkLabel = (props: Props) => {
                     {
                         display: 'flex',
                         alignItems: 'center',
-                        marginLeft: 'auto',
+                        justifyContent: 'center',
                         height: 'auto',
+                        minWidth: '20px',
+                        marginLeft: 'auto',
+                        marginRight: '4px',
                     }
                 }
             >
                 <ActiveCallIcon
                     fill={props.theme.sidebarText}
-                    style={{width: '12px', height: '12px'}}
+                    style={{minWidth: '12px', maxWidth: '12px', minHeight: '12px', maxHeight: '12px'}}
                 />
             </span>
         </OverlayTrigger>