diff --git a/pages/examples/contacts.html b/pages/examples/contacts.html
index 780d867ee..5e95868c5 100644
--- a/pages/examples/contacts.html
+++ b/pages/examples/contacts.html
@@ -853,9 +853,9 @@
       <!-- Default box -->
       <div class="card card-solid">
         <div class="card-body pb-0">
-          <div class="row d-flex align-items-stretch">
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+          <div class="row">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -886,8 +886,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -918,8 +918,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -950,8 +950,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -982,8 +982,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -1013,8 +1013,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -1045,8 +1045,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -1076,8 +1076,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -1108,8 +1108,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>