diff --git a/frontend/src/components/image/index.tsx b/frontend/src/components/image/index.tsx
index 8fceac2..f69b2dc 100644
--- a/frontend/src/components/image/index.tsx
+++ b/frontend/src/components/image/index.tsx
@@ -6,7 +6,7 @@ export const ImageComponent: Component<{ ID: string }> = (props) => {
 	return (
 		<A href={`/image/${props.ID}`} class="w-full flex justify-center h-[300px]">
 			<img
-				class="flex w-full object-contain rounded-xl"
+				class="flex w-full object-cover rounded-xl"
 				src={`${base}/image/${props.ID}`}
 			/>
 		</A>