diff --git a/components/grid/tile.tsx b/components/grid/tile.tsx
index 7a53e6730..9dfe51f59 100644
--- a/components/grid/tile.tsx
+++ b/components/grid/tile.tsx
@@ -72,7 +72,7 @@ export function GridTileImage({
           >
             {props.src ? (
               // eslint-disable-next-line jsx-a11y/alt-text -- `alt` is inherited from `props`, which is being enforced with TypeScript
-              <Image className={clsx('h-full w-full object-cover object-center')} {...props} />
+              <Image className={clsx('h-full w-full object-contain object-center')} {...props} />
             ) : (
               <div
                 className="flex h-full w-full items-center justify-center text-gray-400"
@@ -157,7 +157,7 @@ export const TileImage = ({
     >
       {props.src ? (
         // eslint-disable-next-line jsx-a11y/alt-text -- `alt` is inherited from `props`, which is being enforced with TypeScript
-        <Image className={clsx('h-full w-full object-cover object-center')} {...props} />
+        <Image className={clsx('h-full w-full object-contain object-center')} {...props} />
       ) : (
         <div
           className="flex h-full w-full items-center justify-center text-gray-400"