diff --git a/src/pages/homepage/components/Search/components/RecommendedClients.tsx b/src/pages/homepage/components/Search/components/RecommendedClients.tsx
index cfc7188..35ae579 100644
--- a/src/pages/homepage/components/Search/components/RecommendedClients.tsx
+++ b/src/pages/homepage/components/Search/components/RecommendedClients.tsx
@@ -1,4 +1,4 @@
-import { Group, Stack, Text } from '@mantine/core';
+import { Group, SimpleGrid, Stack, Text } from '@mantine/core';
 import { FaDesktop, FaTerminal } from 'react-icons/fa';
 import { FaComputer } from 'react-icons/fa6';
 import type { GuacamoleClient } from 'types';
@@ -36,9 +36,9 @@ export default function RecommendedClients({
 					Guacamole Clients
 				</Text>
 
-				<Group
+				<SimpleGrid
 					w={'100%'}
-					gap={32}
+					cols={5}
 					style={{
 						overflow: 'hidden',
 						whiteSpace: 'nowrap',
@@ -55,8 +55,8 @@ export default function RecommendedClients({
 								justify='center'
 								p={4}
 								m={0}
-								mah={64}
-								maw={64}
+								h={64}
+								w={64}
 								style={{
 									backgroundColor: 'var(--mantine-color-search-0)',
 									padding: '.5rem',
@@ -84,7 +84,7 @@ export default function RecommendedClients({
 						))
 						.toSorted((a: any, b: any) => (a.name > b.name ? 1 : -1))
 						.slice(0, 5)}
-				</Group>
+				</SimpleGrid>
 			</Stack>
 		</Group>
 	);