diff --git a/src/components/MangaCard.tsx b/src/components/MangaCard.tsx
index c84c43186e..a9c0f243a8 100644
--- a/src/components/MangaCard.tsx
+++ b/src/components/MangaCard.tsx
@@ -17,9 +17,11 @@ import SpinnerImage from 'components/util/SpinnerImage';
 
 const useStyles = makeStyles((theme) => ({
     root: {
-        height: '100%',
-        width: '100%',
         display: 'flex',
+        // Preserve the shape of the manga cards, without this the manga card would chage it's
+        // if all the images in a row failed to load then the whole row would change into a
+        //  square shape
+        aspectRatio: '225/350',
     },
     wrapper: {
         position: 'relative',