diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 654eeae..cd89cd6 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -8330,9 +8330,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.4",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz",
-      "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw==",
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
       "funding": [
         {
           "type": "individual",
diff --git a/frontend/src/modules/article-list/components/ArticleImage.tsx b/frontend/src/modules/article-list/components/ArticleImage.tsx
index a1bfbb5..beedeee 100644
--- a/frontend/src/modules/article-list/components/ArticleImage.tsx
+++ b/frontend/src/modules/article-list/components/ArticleImage.tsx
@@ -3,20 +3,37 @@ import { CardMedia } from '@mui/material'
 export default function Image({ url }: { url?: string | null | undefined }) {
   return (
     <CardMedia
-        component="img"
-        loading="lazy"
-        sx={{
-            width: {
-                xs: '100%',
-                md: 450,
-            },
-            height: {
-                xs: 300,
-                md: 'auto',
-            },
-        }}
-        image={!url || !url.length ? '/placeholder.webp' : url}
-        alt={url || ''}
+      component="img"
+      loading="lazy"
+      sx={{
+        width: {
+          xs: '100%',
+          md: 450,
+        },
+        height: {
+          xs: 300,
+          md: 'auto',
+        },
+        minHeight: {
+          xs: 300,
+          md: 'auto',
+        },
+        maxHeight: {
+          xs: 300,
+          md: 'auto',
+        },
+        minWidth: {
+          xs: '100%',
+          md: 450
+        },
+        maxWidth: {
+          xs: '100%',
+          md: 450,
+        },
+        objectFit: 'cover',
+      }}
+      image={!url || !url.length ? '/placeholder.webp' : url}
+      alt={url || ''}
     />
   )
 }
diff --git a/frontend/src/modules/article-list/components/ArticleListItem.tsx b/frontend/src/modules/article-list/components/ArticleListItem.tsx
index 843c0a6..8fa64cb 100644
--- a/frontend/src/modules/article-list/components/ArticleListItem.tsx
+++ b/frontend/src/modules/article-list/components/ArticleListItem.tsx
@@ -35,7 +35,7 @@ export default function ArticleListItem({ article }: { article: GetArticlesQuery
             </Box>
             <Link to={`/article/${article.id}`}>
               <Box sx={{ display: 'flex', alignItems: 'center', p: 2 }}>
-                <Typography variant="h6">{t('readMore')}</Typography>
+                <Typography variant="body1">{t('readMore')}</Typography>
               </Box>
             </Link>
           </CardActions>