Added max width to Kibana solution card

elastic · Jul 14, 2020 · 6a1c38d · 6a1c38d
1 parent 3709fc3
commit 6a1c38d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/plugins/home/public/application/components/_solutions_panel.scss b/src/plugins/home/public/application/components/_solutions_panel.scss
@@ -10,7 +10,6 @@
     }
   }
 
-
   .homSolutionsPanel__appSearch {
     .homSolutionsPanel__appSearchHeader {
       background-color: #017d73;
@@ -80,6 +79,8 @@
   }
 
   .homSolutionsPanel__kibana {
+    max-width: 50%;
+
     .homSolutionsPanel__kibanaHeader {
       background-color: #006bb4;
       color: $euiColorEmptyShade;

diff --git a/src/plugins/home/public/application/components/solutions_panel/solutions_panel.tsx b/src/plugins/home/public/application/components/solutions_panel/solutions_panel.tsx
@@ -224,7 +224,7 @@ export const SolutionsPanel: FunctionComponent<Props> = ({
   observability,
   securitySolution,
 }) => (
-  <EuiFlexGroup>
+  <EuiFlexGroup justifyContent="spaceAround">
     {appSearch || observability || securitySolution ? (
       <EuiFlexItem>
         <EuiFlexGroup direction="column">