diff --git a/frontend/src/components/GameCard.tsx b/frontend/src/components/GameCard.tsx
index 0d47d6c..22dc7de 100644
--- a/frontend/src/components/GameCard.tsx
+++ b/frontend/src/components/GameCard.tsx
@@ -23,12 +23,14 @@ export function GameCard({ game, selected, onSelect }: GameCardProps) {
       }`}
     >
       {imgIdx < boxArtSrcs.length ? (
-        <img
-          src={boxArtSrcs[imgIdx]}
-          alt={game.name}
-          className="w-full h-48 object-cover"
-          onError={() => setImgIdx((i) => i + 1)}
-        />
+        <div className="w-full h-48" style={{ backgroundColor }}>
+          <img
+            src={boxArtSrcs[imgIdx]}
+            alt={game.name}
+            className="w-full h-full object-contain"
+            onError={() => setImgIdx((i) => i + 1)}
+          />
+        </div>
       ) : (
         <div
           className="w-full h-48 flex items-center justify-center"