Badge-layout

packages/shared-components/components/Badge.tsx

@@ -15,13 +15,13 @@ const badgeImageMapping = {
 
 export const Badge = ({ badge, className }: { badge: BADGES; className?: string }) => {
 	return (
-		<span className={cn("h-fit p-1 flex justify-center items-center", className)}>
+		<span className={cn("h-fit h-full p-1 flex justify-center items-center", className)}>
 			<img
 				src={`${process.env.NEXT_PUBLIC_HUB_URL}/badges/${badgeImageMapping[badge]}`}
 				alt="Badge"
 				width="80"
 				height="auto"
-				className="block h-auto max-h-[80px] w-auto"
+				className="block h-auto w-auto max-w-[80px]"
 			/>
 		</span>
 	);