Fix game class name alignment

src/components/gameClass/GameClassCellDisplay.tsx

@@ -22,10 +22,10 @@ export default function GameClassCellDisplay({
 				className="flex flex-row items-center justify-center"
 			>
 				<img
-					className="max-h-14 max-w-14 mr-2 -mt-4"
+					className="max-h-14 max-w-14 mr-2"
 					src={`${import.meta.env.VITE_ICON_URL}/gameClass/${gameClassQuery.data.gameClassIcon}`}
 				/>
-				{gameClassQuery.data.gameClassName}
+				<span>{gameClassQuery.data.gameClassName}</span>
 			</div>
 		);
 	}

src/ui/personCharacter/PersonCharacterList.tsx

@@ -59,7 +59,9 @@ export default function PersonCharacterList({
 		>
 			{personCharacter.characterName}
 		</div>,
-		<div>
+		<div
+			className="flex flex-row items-center justify-center h-full"
+		>
 			<GameClassCellDisplay
 				gameClassId={personCharacter.gameClassId}
 			/>