fix(meteor): Scrollbar over content in Federated Room List (#30074)

.changeset/mighty-walls-smash.md

+---
+"@rocket.chat/meteor": patch
+---
+
+fixed scrollbar over content in Federated Room List

apps/meteor/client/sidebar/header/MatrixFederationSearch/FederatedRoomList.tsx

@@ -60,7 +60,7 @@ const FederatedRoomList: VFC<FederatedRoomListProps> = ({ serverName, roomName,
 
 	const flattenedData = data?.pages.flatMap((page) => page.rooms);
 	return (
-		<Box is='ul' overflow='hidden' height='356px' flexGrow={1} flexShrink={0}>
+		<Box is='ul' overflow='hidden' height='356px' flexGrow={1} flexShrink={0} mi={-24}>
 			<Virtuoso
 				data={flattenedData || []}
 				computeItemKey={(index, room) => room?.id || index}

apps/meteor/client/sidebar/header/MatrixFederationSearch/FederatedRoomListItem.tsx

@@ -26,7 +26,7 @@ const FederatedRoomListItem: VFC<FederatedRoomListItemProps> = ({
 	const t = useTranslation();
 
 	return (
-		<Box mb={16} is='li' display='flex' flexDirection='column' w='full' name={canonicalAlias}>
+		<Box mb={16} pi={24} is='li' display='flex' flexDirection='column' w='full' name={canonicalAlias}>
 			<Box display='flex' flexDirection='row' justifyContent='space-between' alignItems='center' mbe={4}>
 				<Box flexGrow={1} flexShrink={1} fontScale='p1' fontWeight='bold' title={name} withTruncatedText>
 					{name}