diff --git a/public/includes/components/contact-row.html b/public/includes/components/contact-row.html
index d4d664e..857b6ee 100644
--- a/public/includes/components/contact-row.html
+++ b/public/includes/components/contact-row.html
@@ -4,7 +4,7 @@
     <br>🡇
   </p>
   <div class="col-6 col-lg-3">
-    <div class="card h-100">
+    <div class="card h-100 bg-secondary-subtle">
       <div class="card-body d-flex flex-column">
         <h2 class="section fs-3 card-title">Bob Vandevliet</h2>
         <p style="margin-top: 0 !important;">Gecertificeerd FPV-dronepiloot</p>
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index bfca272..56b43c0 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -318,6 +318,10 @@ img.grayscale-effect {
   overflow: hidden;
 }
 
+footer .card {
+  background-color: var(--bs-card-bg) !important;
+}
+
 .card-img-overlay {
   position: unset;
   z-index: 1;