From 4fc9c420c22e31a2a75431a9d747f443c0f8a3a8 Mon Sep 17 00:00:00 2001
From: Michael Marcialis <michael.marcialis@elastic.co>
Date: Wed, 30 Sep 2020 15:20:30 -0400
Subject: [PATCH] [Core UI] Kibana Overview Page Style Fixes, Part 3 (#78970)

* fix overview cards not stretching height equally

* change var name for better specificity
---
 .../public/components/_overview.scss                | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/plugins/kibana_overview/public/components/_overview.scss b/src/plugins/kibana_overview/public/components/_overview.scss
index d403eff8d219f..911a0346e2824 100644
--- a/src/plugins/kibana_overview/public/components/_overview.scss
+++ b/src/plugins/kibana_overview/public/components/_overview.scss
@@ -18,7 +18,7 @@
  */
 
 // Local page variables
-$pageWidth: 1200px;
+$kbnOverviewPageWidth: 1200px;
 
 .kbnOverviewWrapper {
   background-color: $euiColorEmptyShade;
@@ -34,7 +34,7 @@ $pageWidth: 1200px;
 
 .kbnOverviewHeader__inner {
   margin: 0 auto;
-  max-width: $pageWidth;
+  max-width: $kbnOverviewPageWidth;
   padding: $euiSizeXL $euiSize;
 }
 
@@ -46,9 +46,16 @@ $pageWidth: 1200px;
 
 .kbnOverviewContent {
   margin: 0 auto;
-  max-width: $pageWidth;
+  max-width: $kbnOverviewPageWidth;
   padding: $euiSizeXL $euiSize;
   width: 100%;
+
+  // Ensure card heights are stretched equally when wrapped with this element
+  .kbnRedirectCrossAppLinks {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+  }
 }
 
 // Prevent children from rendering as flex items