diff --git a/src/components/personCharacter/PersonCharacterSelector.tsx b/src/components/personCharacter/PersonCharacterSelector.tsx
index 158d9ee..548da05 100644
--- a/src/components/personCharacter/PersonCharacterSelector.tsx
+++ b/src/components/personCharacter/PersonCharacterSelector.tsx
@@ -34,7 +34,7 @@ export default function PersonCharacterSelector({
 
 	return (
 		<div
-			className="flex flex-row flex-wrap items-center justify-center space-x-8"
+			className="grid grid-cols-3 grid-rows-3 gap-x-8 gap-y-4"
 			style={{flex: "0 0 33.333333333%"}}
 		>
 			{