diff --git a/components/sports/sportCreator.tsx b/components/sports/sportCreator.tsx
index 58af034..85246c5 100644
--- a/components/sports/sportCreator.tsx
+++ b/components/sports/sportCreator.tsx
@@ -92,8 +92,10 @@ export default function SportCreator() {
                             >
                                 {images.map((image) => (
                                     <MenuItem key={image.id} value={image.id}>
-                                        <Avatar src={`${process.env.NEXT_PUBLIC_API_URL}/images/${image.id}/file`}/>
-                                        {image.id}
+                                        <Stack direction={"row"} alignItems={"center"}>
+                                            <Avatar src={`${process.env.NEXT_PUBLIC_API_URL}/images/${image.id}/file`}/>
+                                            <Typography ml={2}>{image.id}</Typography>
+                                        </Stack>
                                     </MenuItem>
                                 ))}
                             </Select>
diff --git a/components/sports/sportEditor.tsx b/components/sports/sportEditor.tsx
index 79477f1..450c39b 100644
--- a/components/sports/sportEditor.tsx
+++ b/components/sports/sportEditor.tsx
@@ -105,8 +105,10 @@ export default function SportEditor(props: SportEditorProps) {
                             >
                                 {images.map((image) => (
                                     <MenuItem key={image.id} value={image.id}>
-                                        <Avatar src={`${process.env.NEXT_PUBLIC_API_URL}/images/${image.id}/file`}/>
-                                        {image.id}
+                                        <Stack direction={"row"} alignItems={"center"}>
+                                            <Avatar src={`${process.env.NEXT_PUBLIC_API_URL}/images/${image.id}/file`}/>
+                                            <Typography ml={2}>{image.id}</Typography>
+                                        </Stack>
                                     </MenuItem>
                                 ))}
                             </Select>