diff --git a/apps/meteor/client/components/Card/Col.tsx b/apps/meteor/client/components/Card/Col.tsx
index ad8ea5e0ffd6..fc9a76ba5d10 100644
--- a/apps/meteor/client/components/Card/Col.tsx
+++ b/apps/meteor/client/components/Card/Col.tsx
@@ -1,14 +1,10 @@
 import { Box } from '@rocket.chat/fuselage';
 import React, { FC } from 'react';
 
-const Col: FC<{ span?: number }> = ({ children, span = 1 }) => {
-	const w = span * 228 + (span - 1) * 2 * 24;
-
-	return (
-		<Box rcx-card-col display='flex' alignSelf='stretch' w={`x${w}`} flexDirection='column' fontScale='c1'>
-			{children}
-		</Box>
-	);
-};
+const Col: FC = ({ children }) => (
+	<Box rcx-card-col display='flex' alignSelf='stretch' flexGrow={1} flexDirection='column' fontScale='c1'>
+		{children}
+	</Box>
+);
 
 export default Col;
diff --git a/apps/meteor/client/views/admin/info/FederationCard/FederationCard.tsx b/apps/meteor/client/views/admin/info/FederationCard/FederationCard.tsx
index 93224eb405e6..a0a9f284c05f 100644
--- a/apps/meteor/client/views/admin/info/FederationCard/FederationCard.tsx
+++ b/apps/meteor/client/views/admin/info/FederationCard/FederationCard.tsx
@@ -77,7 +77,7 @@ const FederationCard: FC = () => {
 				</Box>
 			</CardHeader>
 			<Card.Body>
-				<Card.Col span={2}>
+				<Card.Col>
 					<Section status={federationEnabledStatus} title={t('Federation_Enable')} subtitle={t('Federation_Is_working_correctly')} />
 					<Section status={federationSetupStatus} title={t('Federation_Adding_to_your_server')} subtitle={t('Federation_Changes_needed')}>
 						{!federationHealthy && <a onClick={handleModal}>{t('Federation_Fix_now')}</a>}
diff --git a/apps/meteor/client/views/admin/info/InformationPage.tsx b/apps/meteor/client/views/admin/info/InformationPage.tsx
index 1640d82cb9d3..4085bfc43f8e 100644
--- a/apps/meteor/client/views/admin/info/InformationPage.tsx
+++ b/apps/meteor/client/views/admin/info/InformationPage.tsx
@@ -83,14 +83,13 @@ const InformationPage = memo(function InformationPage({
 						<Grid.Item xl={3}>
 							<LicenseCard />
 						</Grid.Item>
-						<Grid.Item xl={4}>
+						<Grid.Item xl={6} md={8} xs={4} sm={8}>
 							<UsageCard vertical={false} statistics={statistics} />
 						</Grid.Item>
-						<Grid.Item xl={2}></Grid.Item>
 						<Grid.Item xl={6}>
 							<FederationCard />
 						</Grid.Item>
-						<Grid.Item xl={6}>
+						<Grid.Item xl={3}>
 							<SeatsCard />
 						</Grid.Item>
 					</Grid>