diff --git a/src/renderer/components/item-list/item-table-list/columns/image-column.module.css b/src/renderer/components/item-list/item-table-list/columns/image-column.module.css
index 8e7a5646d..c855b1f7f 100644
--- a/src/renderer/components/item-list/item-table-list/columns/image-column.module.css
+++ b/src/renderer/components/item-list/item-table-list/columns/image-column.module.css
@@ -2,3 +2,7 @@
     width: initial;
     aspect-ratio: 1 / 1;
 }
+
+.compact-image-container {
+    width: 100%;
+}
diff --git a/src/renderer/components/item-list/item-table-list/columns/image-column.tsx b/src/renderer/components/item-list/item-table-list/columns/image-column.tsx
index 8cec634ba..3bf08f35f 100644
--- a/src/renderer/components/item-list/item-table-list/columns/image-column.tsx
+++ b/src/renderer/components/item-list/item-table-list/columns/image-column.tsx
@@ -1,3 +1,5 @@
+import clsx from 'clsx';
+
 import styles from './image-column.module.css';
 
 import {
@@ -15,7 +17,12 @@ export const ImageColumn = (props: ItemTableListInnerColumn) => {
     if (typeof row === 'string') {
         return (
             <TableColumnContainer {...props}>
-                <Image src={row} />
+                <Image
+                    containerClassName={clsx({
+                        [styles.compactImageContainer]: props.size === 'compact',
+                    })}
+                    src={row}
+                />
             </TableColumnContainer>
         );
     }