diff --git a/src/components/BlogExcerpt/BlogExcerpt.tsx b/src/components/BlogExcerpt/BlogExcerpt.tsx
index 1b402dc..1efe7ed 100644
--- a/src/components/BlogExcerpt/BlogExcerpt.tsx
+++ b/src/components/BlogExcerpt/BlogExcerpt.tsx
@@ -25,11 +25,12 @@ export const BlogExcerpt = ({id, title, excerpt, photo}: BlogExcerptProps) => {
               height={photo.height}
               alt={"Blogbild"}
               className={styles.image}
+              unoptimized={true}
             />
           </Link>
         }
       </div>
-      <div>
+      <div className={styles.content}>
         <h3><Link href={url} className={styles.title}>{title}</Link></h3>
         <p>{excerpt}</p>
 
diff --git a/src/components/BlogExcerpt/styles.module.scss b/src/components/BlogExcerpt/styles.module.scss
index be2f176..528471c 100644
--- a/src/components/BlogExcerpt/styles.module.scss
+++ b/src/components/BlogExcerpt/styles.module.scss
@@ -20,3 +20,8 @@
   border-radius: 10px;
 }
 
+.content {
+  flex-grow: 1;
+  flex-basis: 300px;
+}
+
diff --git a/src/fetch/blog.ts b/src/fetch/blog.ts
index 5bcf39c..424aefd 100644
--- a/src/fetch/blog.ts
+++ b/src/fetch/blog.ts
@@ -19,7 +19,7 @@ export const fetchBlogPosts = async (displayOnFrontpage: boolean): Promise<Pagin
         title: true,
         date: true,
         photo: true,
-        "content": !displayOnFrontpage, // hack to fetch content only for the `/blog` page
+        content: displayOnFrontpage ? undefined : true, // hack to fetch content only for the `/blog` page
       },
       where: {
         and: [