From cdacc4b2a96668dd6d954aed367fbf1fcf486680 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sat, 17 Jun 2023 20:54:55 +0200
Subject: [PATCH] Always use available width for grid items (#375)

In case a manga thumbnail was smaller than the set item width, the item didn't use all its available width.
Thus, being smaller than the other items.
---
 src/components/MangaGrid.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MangaGrid.tsx b/src/components/MangaGrid.tsx
index 6a45bb69..70acb043 100644
--- a/src/components/MangaGrid.tsx
+++ b/src/components/MangaGrid.tsx
@@ -34,7 +34,7 @@ const GridItemContainerWithDimension = (
     const columnsPerItem = gridLayout === GridLayout.List ? maxColumns : maxColumns / itemsPerRow;
 
     return ({ children, ...itemProps }: GridTypeMap['props'] & Partial<GridItemProps>) => (
-        <Grid {...itemProps} item xs={columnsPerItem} sx={{ paddingTop: '8px', paddingLeft: '8px' }}>
+        <Grid {...itemProps} item xs={columnsPerItem} sx={{ width: '100%', paddingTop: '8px', paddingLeft: '8px' }}>
             {children}
         </Grid>
     );