diff --git a/_includes/frontpage/title-content.html b/_includes/frontpage/title-content.html
index 419a2e783294451ea5a521f1d9583464a139d6aa..9d5b8c2590269ce126210f23c7ec3b9eef5eeb5a 100644
--- a/_includes/frontpage/title-content.html
+++ b/_includes/frontpage/title-content.html
@@ -6,18 +6,24 @@
     
     <div class="services-box">
         <div class="services-title-buttons">
-            <a href="https://helmholtz.cloud/services" class="btn btn-light btn-lg text-dark">
+            <a href="https://helmholtz.cloud/services" class="btn btn-light text-dark">
             Cloud Services
             </a>
-            <a href="https://events.hifis.net/category/4/" class="btn btn-light btn-lg text-dark">
+            <a href="https://events.hifis.net/category/4/" class="btn btn-light text-dark">
                 HIFIS Courses
             </a>
-            <a href="{% link services/software/consulting.html %}" class="btn btn-light btn-lg text-dark">
-                Software Engineering Consulting
+            <a href="{% link services/software-overview.md %}" class="btn btn-light text-dark">
+                Software Services
             </a>
-            <a href="https://aai.helmholtz.de" class="btn btn-light btn-lg text-dark">
+            <a href="https://aai.helmholtz.de" class="btn btn-light text-dark">
                 Identity &amp; Access Management (AAI)
             </a>
+            <a href="{% link usecases.md %}" class="btn btn-light text-dark">
+                Use Cases
+            </a>
+            <a href="{% link spotlights.md %}" class="btn btn-light text-dark">
+                Software Spotlights
+            </a>
         </div>
     </div>
 </div>
diff --git a/assets/css/title/service-title-buttons.scss b/assets/css/title/service-title-buttons.scss
index 37c0dfea4cd1cd6edae7c0a00e3158a579eab061..92542f375d376f81ffb5b616319b359195c495a2 100644
--- a/assets/css/title/service-title-buttons.scss
+++ b/assets/css/title/service-title-buttons.scss
@@ -14,15 +14,16 @@
 
 .services-title-buttons {
     display:                grid;
-    grid-template-columns:  1fr 1fr;
+    grid-template-columns:  1fr 1fr 1fr;
     grid-auto-rows:         1fr;
 
     @include medium-is-desktop-plus {
-        max-width: 600px;
+        max-width: 800px;
     }
 
     @include medium-is-tablet {
-        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-columns: 1fr 1fr 1fr;
+        grid-auto-rows: 1fr;
     }
 
     @include medium-is-phone {
@@ -39,9 +40,9 @@
     }
 
     .btn {
-        margin:     0.5rem;
+        margin:     0.25rem;
         display:    flex;
         flex-flow:  column nowrap;
-        min-height: 3.3rem;
+        min-height: 2rem;
     }
 }