diff --git a/frontend/src/components/image/index.tsx b/frontend/src/components/image/index.tsx
index 7a58b4e..1a76706 100644
--- a/frontend/src/components/image/index.tsx
+++ b/frontend/src/components/image/index.tsx
@@ -4,9 +4,9 @@ import { A } from "@solidjs/router";
 
 export const ImageComponent: Component<{ ID: string }> = (props) => {
 	return (
-		<A href={`/image/${props.ID}`} class="w-full h-full">
+		<A href={`/image/${props.ID}`} class="w-full h-full max-h-[400px]">
 			<img
-				class="w-full object-contain rounded-xl"
+				class="w-full object-contain rounded-xl max-h-full"
 				src={`${base}/image/${props.ID}`}
 			/>
 		</A>