From ee9c3d8c699c4c4643d33f9044e421f8097f6067 Mon Sep 17 00:00:00 2001
From: robo <30987265+Robonau@users.noreply.github.com>
Date: Wed, 6 Apr 2022 17:12:41 +0100
Subject: [PATCH] fix the grid width thing (#169)

not sure why it was broke but this seems to fix it
---
 src/components/MangaCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MangaCard.tsx b/src/components/MangaCard.tsx
index 2beffa55..c70f102f 100644
--- a/src/components/MangaCard.tsx
+++ b/src/components/MangaCard.tsx
@@ -92,7 +92,7 @@ const MangaCard = React.forwardRef<HTMLDivElement, IProps>((props: IProps, ref)
         const colomns = Math.round(dimensions / ItemWidth);
         return (
             // @ts-ignore gridsize type isnt allowed to be a decimal but it works fine
-            <Grid item lg={12 / colomns}>
+            <Grid item xs={12 / colomns} sm={12 / colomns} md={12 / colomns} lg={12 / colomns}>
                 <Link to={`/manga/${id}/`} style={(gridLayout === 1) ? { textDecoration: 'none' } : {}}>
                     <Box
                         sx={{