From 570721bc376e9928032d4ae68a2f4c937988f9f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlia=20Jaeger=20Foresti?=
 <60678893+juliajforesti@users.noreply.github.com>
Date: Wed, 25 Oct 2023 01:20:13 -0300
Subject: [PATCH] chore: `InfoPanelActionGroup` UI tweaks (#30735)

---
 apps/meteor/client/components/InfoPanel/InfoPanelAction.tsx     | 1 -
 .../meteor/client/components/InfoPanel/InfoPanelActionGroup.tsx | 2 +-
 .../client/views/room/contextualBar/Info/RoomInfo/RoomInfo.tsx  | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/meteor/client/components/InfoPanel/InfoPanelAction.tsx b/apps/meteor/client/components/InfoPanel/InfoPanelAction.tsx
index bd2c7d100b537..0750003063a44 100644
--- a/apps/meteor/client/components/InfoPanel/InfoPanelAction.tsx
+++ b/apps/meteor/client/components/InfoPanel/InfoPanelAction.tsx
@@ -13,7 +13,6 @@ const InfoPanelAction = ({ label, icon, ...props }: InfoPanelActionProps): React
 		title={typeof label === 'string' ? label : undefined}
 		aria-label={typeof label === 'string' ? label : undefined}
 		{...props}
-		mi={4}
 		icon={icon}
 	>
 		{label}
diff --git a/apps/meteor/client/components/InfoPanel/InfoPanelActionGroup.tsx b/apps/meteor/client/components/InfoPanel/InfoPanelActionGroup.tsx
index e8aa992a5dc2b..3bf9f7e33c707 100644
--- a/apps/meteor/client/components/InfoPanel/InfoPanelActionGroup.tsx
+++ b/apps/meteor/client/components/InfoPanel/InfoPanelActionGroup.tsx
@@ -6,7 +6,7 @@ import Section from './InfoPanelSection';
 
 const InfoPanelActionGroup: FC<ComponentProps<typeof ButtonGroup>> = (props) => (
 	<Section>
-		<ButtonGroup flexShrink={0} flexWrap='nowrap' withTruncatedText justifyContent='center' {...props} />
+		<ButtonGroup align='center' {...props} />
 	</Section>
 );
 
diff --git a/apps/meteor/client/views/room/contextualBar/Info/RoomInfo/RoomInfo.tsx b/apps/meteor/client/views/room/contextualBar/Info/RoomInfo/RoomInfo.tsx
index 147c029790261..7828363227ac0 100644
--- a/apps/meteor/client/views/room/contextualBar/Info/RoomInfo/RoomInfo.tsx
+++ b/apps/meteor/client/views/room/contextualBar/Info/RoomInfo/RoomInfo.tsx
@@ -48,7 +48,7 @@ const RoomInfo = ({ room, icon, onClickBack, onClickClose, onClickEnterRoom, onC
 			<Menu
 				small={false}
 				flexShrink={0}
-				mi={2}
+				mi={4}
 				key='menu'
 				maxHeight='initial'
 				secondary