From 618831f1eb3d8d092018b907a13b79ba2245ceb3 Mon Sep 17 00:00:00 2001
From: Jesper Hodge <19345795+jesperhodge@users.noreply.github.com>
Date: Tue, 17 Oct 2023 12:17:03 -0400
Subject: [PATCH] fix: info modal and list view thumbnails (#636)

---
 src/files-and-uploads/FileThumbnail.jsx              |  8 +++++++-
 .../table-custom-columns/ThumbnailColumn.jsx         | 12 +++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/files-and-uploads/FileThumbnail.jsx b/src/files-and-uploads/FileThumbnail.jsx
index d304d0f4e..720e05e2c 100644
--- a/src/files-and-uploads/FileThumbnail.jsx
+++ b/src/files-and-uploads/FileThumbnail.jsx
@@ -22,7 +22,13 @@ const AssetThumbnail = ({
     <div className="row justify-content-center align-itmes-center">
       {thumbnail ? (
         <Image
-          style={{ width: '503px', height: '281px' }}
+          style={{
+            width: '503px',
+            height: '281px',
+            objectFit: 'contain',
+            maxWidth: '100%',
+            maxHeight: '100%',
+          }}
           className="border rounded p-1"
           src={src}
           alt={`Thumbnail of ${displayName}`}
diff --git a/src/files-and-uploads/table-components/table-custom-columns/ThumbnailColumn.jsx b/src/files-and-uploads/table-components/table-custom-columns/ThumbnailColumn.jsx
index cfbbc962f..a22152883 100644
--- a/src/files-and-uploads/table-components/table-custom-columns/ThumbnailColumn.jsx
+++ b/src/files-and-uploads/table-components/table-custom-columns/ThumbnailColumn.jsx
@@ -14,7 +14,17 @@ const ThumbnailColumn = ({ row }) => {
   return (
     <div className="row align-items-center justify-content-center m-0 p-3">
       {thumbnail ? (
-        <Image src={src} style={{ height: '76px', width: '135.71px' }} className="border rounded p-1" />
+        <Image
+          src={src}
+          style={{
+            height: '76px',
+            width: '135.71px',
+            objectFit: 'contain',
+            maxWidth: '100%',
+            maxHeight: '100%',
+          }}
+          className="border rounded p-1"
+        />
       ) : (
         <div className="row border justify-content-center align-items-center rounded m-0" style={{ height: '76px', width: '135.71px' }}>
           <Icon src={src} style={{ height: '48px', width: '48px' }} />