fix: Misaligned alignment of prompt when hover on user / room name in…

… room information and user information section (#28627) Co-authored-by: Hugo Costa <[email protected]> Co-authored-by: Guilherme Gazzo <[email protected]>
RocketChat · Jun 29, 2023 · 5688ff6 · 5688ff6
1 parent f5507ff
commit 5688ff6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/meteor/client/components/InfoPanel/InfoPanelTitle.tsx b/apps/meteor/client/components/InfoPanel/InfoPanelTitle.tsx
@@ -10,9 +10,9 @@ type InfoPanelTitleProps = {
 const isValidIcon = (icon: ReactNode): icon is ComponentProps<typeof Icon>['name'] => typeof icon === 'string';
 
 const InfoPanelTitle: FC<InfoPanelTitleProps> = ({ title, icon }) => (
-	<Box display='flex' title={title} flexShrink={0} alignItems='center' fontScale='h4' color='default' withTruncatedText>
+	<Box display='flex' flexShrink={0} alignItems='center' fontScale='h4' color='default' withTruncatedText>
 		{isValidIcon(icon) ? <Icon name={icon} size='x22' /> : icon}
-		<Box mis='x8' flexGrow={1} withTruncatedText>
+		<Box mis='x8' withTruncatedText title={title}>
 			{title}
 		</Box>
 	</Box>