diff --git a/_layouts/frontpage.html b/_layouts/frontpage.html
index f84d30fdeeb83adeb6eb556c3876fbd60555e0f0..c292cd6a0e27de35883e186a60095cba83d4fe22 100644
--- a/_layouts/frontpage.html
+++ b/_layouts/frontpage.html
@@ -32,21 +32,29 @@
             <section>
                 <div class="info-col">
                     <div class="info-box">
-                        <h3><i class="fas fa-user-plus" aria-hidden="true"></i>&nbsp; You & HIFIS</h3>
+                        <a href="{% link index.md %}" class="btn btn-outline-light">
+                            <h3><i class="fas fa-user-plus" aria-hidden="true"></i>&nbsp; You & HIFIS</h3>
+                        </a>
                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                             labore et dolore magna aliqua.</p>
                     </div>
                     <div class="info-box">
-                        <a href="{{ 'mission/' | relative_url }}" class="btn btn-outline-secondary"><h3><i class="fas fa-atom" aria-hidden="true"></i>&nbsp; HIFIS Mission</h3></a>
+                        <a href="{% link mission/index.md %}" class="btn btn-outline-light">
+                            <h3><i class="fas fa-atom" aria-hidden="true"></i>&nbsp; HIFIS Mission</h3>
+                        </a>
                         <p>Strengthening and developing the ICT competences of the whole Helmholtz Association.</p>
                     </div>
                     <div class="info-box">
-                        <h3><i class="fas fa-globe-europe" aria-hidden="true"></i>&nbsp; HIFIS International</h3>
+                        <a href="{% link index.md %}" class="btn btn-outline-light">
+                            <h3><i class="fas fa-globe-europe" aria-hidden="true"></i>&nbsp; HIFIS International</h3>
+                        </a>
                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                             labore et dolore magna aliqua.</p>
                     </div>
                     <div class="info-box">
-                        <h3><i class="fas fa-road" aria-hidden="true"></i>&nbsp; Now & tomorrow - The HIFIS Roadmap</h3>
+                        <a href="{% link index.md %}" class="btn btn-outline-light">
+                            <h3><i class="fas fa-road" aria-hidden="true"></i>&nbsp; Now & tomorrow - The HIFIS Roadmap</h3>
+                        </a>
                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                             labore et dolore magna aliqua.</p>
                     </div>
diff --git a/assets/css/frontpage.scss b/assets/css/frontpage.scss
index 88ac02e3010679932243c56280edfdad0d90b6c7..f64296a6e8648f6e4182f67e6b6d7e5ecf5eb49c 100644
--- a/assets/css/frontpage.scss
+++ b/assets/css/frontpage.scss
@@ -33,6 +33,15 @@
     .info-box {
         padding: 1rem;
     }
+
+    .btn-outline-light {
+        border: none;
+
+        &:focus,
+        &:hover {
+            color: $color-helmholtz-dark-blue;
+        }
+    }
 }
 
 .frontpage-card {