diff --git a/_includes/cards/post_card_image.html b/_includes/cards/post_card_image.html
index 25a0c4e1c0ce498f73a15d53d6893c987f73d2db..e1726b7b7c0a416c109f658223614b6a9a60d1bf 100644
--- a/_includes/cards/post_card_image.html
+++ b/_includes/cards/post_card_image.html
@@ -18,11 +18,17 @@
 <div class="card">
     <a href="{{ include.post.url | relative_url }}">
         <img class="card-img-top card-img-equal" src="{{ img_url }}" alt="Title image">
-        <div class="card-body">
-            <span class="badge badge-pill badge-secondary">
+        <div class="card-img-overlay">
+            <span class="badge badge-secondary">
                 <i class="fas fa-calendar-day" aria-hidden="true"></i>
                 {{ include.post.data | date: "%d.&thinsp;%b.&thinsp;%y" }}
             </span>
+            <span class="badge badge-dark">
+                <i class="fas fa-tag" aria-hidden="true"></i>
+                {{ include.post.categories[0] | capitalize }}
+            </span>
+        </div>
+        <div class="card-body">
             <h3 class="card-title">{{ include.post.title }}</h3>
         </div>
     </a>
diff --git a/_layouts/frontpage.html b/_layouts/frontpage.html
index 4c6b24541376ecd7ba37a6ef7e0cdf75941f0f23..462d4d9a5d480fd791397c62cecef7ee4e46d51e 100644
--- a/_layouts/frontpage.html
+++ b/_layouts/frontpage.html
@@ -12,7 +12,7 @@
 
         {%- include title_image.html content=title-content -%}
 
-        <div class="frontpage-jumbotron">
+        <div class="frontpage-wide-jumbotron">
             <section>
                 {% if page.notification.description and page.notification.title %}
                 {% include frontpage/notification.html
@@ -20,9 +20,9 @@
                             description=page.notification.description %}
                 {% endif %}
                 <h1>News</h1>
-                <div class="flex-content-wrapper">
-                    {% for post in site.posts limit:3 %}
-                    {% include frontpage/post-card.html post = post %}
+                <div class="flex-cards">
+                    {% for post in site.posts limit:5 %}
+                    {% include cards/post_card_image.html post = post %}
                     {% endfor %}
                 </div>
                 <a href="{{ 'news/' | relative_url }}" class="btn btn-outline-secondary">More</a>
diff --git a/_sass/_bootstrap_variables.scss b/_sass/_bootstrap_variables.scss
index 547a577f2d7d0a1fc37558bc420ce66821553dfa..9ed0aecfbad94270d0bd462dc0eebaa3bca22f80 100644
--- a/_sass/_bootstrap_variables.scss
+++ b/_sass/_bootstrap_variables.scss
@@ -1,6 +1,6 @@
 @import "boilerplate/colors";
 
-$border-radius:    0.5rem;
+$border-radius:    0.25rem;
 
 $theme-colors: (
     "danger":       $color-helmholtz-health,
diff --git a/_sass/common/_article.scss b/_sass/common/_article.scss
index 14a9ffa443956617702cb6b96f067968f9c6021d..b40ef68613ac12a8d8ecd405d45c67a21811a7be 100644
--- a/_sass/common/_article.scss
+++ b/_sass/common/_article.scss
@@ -3,7 +3,7 @@ article {
 
     color:              $color-text;
     background-color:   $color-text-background;
-    border-radius:      1rem;
+    border-radius:      $border-radius;
     padding:            2rem;
 
     @include medium-is-phone {
diff --git a/_sass/common/_cards.scss b/_sass/common/_cards.scss
index a89be0d463a16bdb0a3063d31b926ccd593f98ec..04d03b8d1da9143f4f331a6f4cee0d94a2712a12 100644
--- a/_sass/common/_cards.scss
+++ b/_sass/common/_cards.scss
@@ -5,13 +5,23 @@
 
     margin-top: 1rem;
     margin-bottom: 1rem;
+
+    text-align: center;
 }
 
 .card {
-    width: 15rem;
+    @include drop-shadow;
 
+    width: 15rem;
     margin: 0.5rem;
-    margin: 0.5rem;
+
+    .badge {
+        @include drop-shadow(
+            $offset-x:  0.2rem,
+            $offset-y:  0.2rem,
+            $color:     rgba(black, 0.25)
+        );
+    }
 }
 
 .card-body {
@@ -22,6 +32,6 @@
 
 .card-img-equal {
     width: 100%;
-    height: 10rem;
+    height: 8rem;
     object-fit: cover;
 }
diff --git a/assets/css/frontpage.scss b/assets/css/frontpage.scss
index 8fdc021d3764b027a4870f869cfbeff8457c5cda..1c937ffb6873ed5462b375cb11818cc9d58200b0 100644
--- a/assets/css/frontpage.scss
+++ b/assets/css/frontpage.scss
@@ -1,6 +1,7 @@
 ---
 ---
 
+@import "bootstrap_variables";
 @import "boilerplate/colors";
 @import "boilerplate/mixins";
 @import "common/article";
@@ -111,6 +112,18 @@
     }
 }
 
+.frontpage-wide-jumbotron {
+    @extend .frontpage-jumbotron;
+
+    section > * {
+        margin-left:    auto;
+        margin-right:   auto;
+
+        max-width: fit-content;
+        max-width: -moz-fit-content;
+    }
+}
+
 .frontpage-mission-jumbotron {
     @extend .frontpage-jumbotron;