diff --git a/apps/meteor/client/components/UserCard/UserCardInfo.tsx b/apps/meteor/client/components/UserCard/UserCardInfo.tsx
index 8e235670a3dc..2afcf6a37f2c 100644
--- a/apps/meteor/client/components/UserCard/UserCardInfo.tsx
+++ b/apps/meteor/client/components/UserCard/UserCardInfo.tsx
@@ -3,7 +3,7 @@ import type { ReactElement, ComponentProps } from 'react';
 import React from 'react';
 
 const UserCardInfo = (props: ComponentProps<typeof Box>): ReactElement => (
-	<Box mbe={8} is='span' fontScale='p2' color='hint' withTruncatedText {...props} />
+	<Box mb={8} is='span' fontScale='p2' color='hint' withTruncatedText {...props} />
 );
 
 export default UserCardInfo;
diff --git a/apps/meteor/client/components/UserCard/UserCardRoles.tsx b/apps/meteor/client/components/UserCard/UserCardRoles.tsx
index f7a977d4a4dc..9cd22ebdff35 100644
--- a/apps/meteor/client/components/UserCard/UserCardRoles.tsx
+++ b/apps/meteor/client/components/UserCard/UserCardRoles.tsx
@@ -6,7 +6,7 @@ import UserCardInfo from './UserCardInfo';
 
 const UserCardRoles = ({ children }: { children: ReactNode }): ReactElement => (
 	<Box m='neg-x2'>
-		<UserCardInfo mb={8} flexWrap='wrap' display='flex' flexShrink={0}>
+		<UserCardInfo flexWrap='wrap' display='flex' flexShrink={0}>
 			{children}
 		</UserCardInfo>
 	</Box>