diff --git a/apps/meteor/client/components/Card/Card.tsx b/apps/meteor/client/components/Card/Card.tsx
index e0b0aa38052f..70439c176700 100644
--- a/apps/meteor/client/components/Card/Card.tsx
+++ b/apps/meteor/client/components/Card/Card.tsx
@@ -8,9 +8,7 @@ type CardProps = {
 const Card: FC<CardProps> = ({ variant, ...props }: CardProps) => (
 	<Box
 		borderRadius='x4'
-		pbs='x20'
-		pbe='x28'
-		pi='x20'
+		p='x20'
 		height='full'
 		display='flex'
 		flexDirection='column'
diff --git a/apps/meteor/client/components/Card/CardFooter.tsx b/apps/meteor/client/components/Card/CardFooter.tsx
index 46e73d4f4ec6..c099db2e8b7c 100644
--- a/apps/meteor/client/components/Card/CardFooter.tsx
+++ b/apps/meteor/client/components/Card/CardFooter.tsx
@@ -1,6 +1,6 @@
 import { ButtonGroup } from '@rocket.chat/fuselage';
 import React, { FC } from 'react';
 
-const CardFooter: FC = ({ children }) => <ButtonGroup>{children}</ButtonGroup>;
+const CardFooter: FC = ({ children }) => <ButtonGroup medium>{children}</ButtonGroup>;
 
 export default CardFooter;
diff --git a/apps/meteor/client/views/home/DefaultHomePage.tsx b/apps/meteor/client/views/home/DefaultHomePage.tsx
index 8c32b27b247b..a3fcd8495d98 100644
--- a/apps/meteor/client/views/home/DefaultHomePage.tsx
+++ b/apps/meteor/client/views/home/DefaultHomePage.tsx
@@ -26,10 +26,10 @@ const DefaultHomePage = (): ReactElement => {
 		<Page data-qa='page-home' data-qa-type='default' backgroundColor='neutral-100'>
 			<HomePageHeader />
 			<PageScrollableContent>
-				<Box is='h1' fontScale='h1' minHeight='x40' data-qa-id='homepage-welcome-text'>
+				<Box is='h1' fontScale='h1' data-qa-id='homepage-welcome-text'>
 					{t('Welcome_to', { Site_Name: workspaceName || 'Rocket.Chat' })}
 				</Box>
-				<Box is='h3' fontScale='h3' marginBlock='x16'>
+				<Box is='h3' fontScale='h3' mb='x16'>
 					{t('Some_ideas_to_get_you_started')}
 				</Box>
 				<Grid>