diff --git a/components/app/home/news.vue b/components/app/home/news.vue
index 3ff7b55..0219745 100644
--- a/components/app/home/news.vue
+++ b/components/app/home/news.vue
@@ -21,7 +21,7 @@ const { data: news, isLoading: newsIsLoading } = useNewsArticles()
           Check back later!
         </span>
         <f7Card v-for="article in news" :key="article.id" class="m-0!">
-          <f7CardHeader class="h-45 rounded-[16px]! overflow-hidden bg-center bg-contain relative" valign="bottom" :style="`background-image: url(${article.heroImageUrl})`">
+          <f7CardHeader class="h-44 rounded-[16px]! overflow-hidden bg-center bg-cover relative" valign="bottom" :style="`background-image: url(${article.heroImageUrl})`">
             <div class="absolute inset-0 bg-gradient-to-b from-transparent dark:to-black/70 to-white/70" />
             <span class="z-10 font-semibold">
               {{ article.title }}