diff --git a/templates/frontpage/claim.html b/templates/frontpage/claim.html
index b6c0efed22be5de926aa0a097d09fab045863585..b8aec6365876371c221a91be9f12245b891de070 100644
--- a/templates/frontpage/claim.html
+++ b/templates/frontpage/claim.html
@@ -8,16 +8,23 @@
       <div class="columns is-same-height mt-4">
         {% for claim in section.extra.claims %}
         <div class="column is-one-third">
-          <div class="box frontpage-claim-box">
-            <div class="columns is-vcentered">
-              <div class="column">
-                <img src="/{{ claim.image }}" alt="image">
-              </div>
-              <div class="column is-four-fifths">
-                <h1 class="title is-3">{{ claim.title }}</h1>
+          <div class="card frontpage-claim-box">
+            <div class="card-content">
+              <div class="columns is-vcentered">
+                <div class="column">
+                  <img src="/{{ claim.image }}" alt="image">
+                </div>
+                <div class="column is-four-fifths">
+                  <h1 class="title is-3">{{ claim.title }}</h1>
+                </div>
               </div>
+              <p>{{ claim.content }}</p>
             </div>
-            <p>{{ claim.content }}</p>
+            <footer class="card-footer">
+              <a href="#" class="card-footer-item">
+                Mehr dazu <i class="fa-regular fa-circle-right"></i>
+              </a>
+            </footer>
           </div>
         </div>
         {% endfor %}