From a00783239c25d60ec4b5e0e5117175d2b4ce159c Mon Sep 17 00:00:00 2001
From: jrphilo <james.philo@me.com>
Date: Sat, 6 Jul 2024 11:56:03 +0200
Subject: [PATCH] style: small change to make images contain

Signed-off-by: jrphilo <james.philo@me.com>
---
 components/grid/tile.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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"