diff --git a/docs/_includes/hub-card.html b/docs/_includes/hub-card.html
index 379a42a26340..36bf3bc36e6a 100644
--- a/docs/_includes/hub-card.html
+++ b/docs/_includes/hub-card.html
@@ -6,8 +6,8 @@
             <img class="icon" src="{{ hub.icon }}" alt="{{ hub.href }}"/>
         </div>
         <div class="body">
-            <h3 class="title">{{ hub.title }}</h3>
-            <p class="description">{{ hub.description }}</p>
+            <h3 class="title with-margin">{{ hub.title }}</h3>
+            <p class="description with-min-height">{{ hub.description }}</p>
         </div>
     </div>
 </a>
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index b2614aeef4a4..ad40909a805d 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -66,7 +66,7 @@ <h1 class="title">
         <!-- Concierge button at the bottom of the page -->
         <a class="card get-help" href="{{ CONCIERGE_CHAT_URL }}" target="_blank">
             <div class="body">
-                <h3 class="title">Didn't find what you were looking for?</h3>
+                <h3 class="title with-margin">Didn't find what you were looking for?</h3>
                 <p class="description">Concierge is here to answer all your questions.</p>
             </div>
             <div class="submit-button">
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 44ab37ffbca8..809463dd79b8 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -390,12 +390,12 @@ button {
 .cards-group {
     display: grid;
     grid-template-columns: auto;
-    row-gap: 12px;
-    column-gap: 4%;
+    row-gap: 20px;
+    column-gap: 20px;
     padding-bottom: 20px;
 
     @include breakpoint($breakpoint-desktop) {
-        grid-template-columns: 48% 48%;
+        grid-template-columns: auto auto;
     }
 }
 
@@ -456,12 +456,26 @@ button {
     h3.title {
         padding: 0;
         margin: 0;
+
+        &.with-margin {
+            margin: 0 0 4px 0;
+        }
     }
 
+
+
     p.description {
         padding: 0;
-        margin: 16px 0 0 0;
+        margin: 0;
         font-weight: normal;
+
+        &.with-min-height {
+            min-height: 68px;
+
+            @include breakpoint($breakpoint-tablet) {
+                min-height: 48px;
+            }
+        }
     }
 }