diff --git a/templates/shortcodes/teckids_contact.html b/templates/shortcodes/teckids_contact.html
index f89c27ec7a3ed2997ead6256de8616960ccd357d..98f8dced24d683a2da5075955b83c5c2268b360d 100644
--- a/templates/shortcodes/teckids_contact.html
+++ b/templates/shortcodes/teckids_contact.html
@@ -6,13 +6,17 @@
     </div>
     <div class="column is-one-third">
       <div class="buttons are-large are-responsive">
-        <a class="button is-primary" href="mailto:{{ mail|default(value="verein@teckids.org") }}">
-          <i class="fa-solid fa-envelope-open-text"></i>
-          E-Mail schreiben
+        <a class="button is-primary is-fullwidth" href="mailto:{{ mail|default(value="verein@teckids.org") }}">
+          <div class="icon-text">
+            <span class="icon"><i class="fa-solid fa-envelope-open-text"></i></span>
+            <span>E-Mail schreiben</span>
+	  </div>
         </a>
-	<a class="button is-link" href="tel:{{ phone|default(value="+4922892934160") }}">
-          <i class="fa-solid fa-phone"></i>
-          E-Mail schreiben
+	<a class="button is-link is-fullwidth" href="tel:{{ phone|default(value="+4922892934160") }}">
+          <div class="icon-text">
+            <span class="icon"><i class="fa-solid fa-phone"></i></span>
+	    <span>Anrufen</span>
+          </div>
 	</a>
       </div>
     </div>