From b578be10f89470e8e19baceb268524034154f0fe Mon Sep 17 00:00:00 2001
From: Philipp Hugenroth <philipph@spotify.com>
Date: Tue, 6 Jul 2021 17:16:52 +0200
Subject: [PATCH] Seperate Grid container & item in wrapped components to avoid
 wrong spacing

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>
---
 .../components/CatalogPage/CatalogPage.tsx    | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx b/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx
index 85855237fb..089e61f0fb 100644
--- a/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx
+++ b/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx
@@ -58,18 +58,20 @@ export const CatalogPage = ({
       </ContentHeader>
       <Grid container spacing={2}>
         <EntityListProvider>
-          <Grid container item sm={12} lg={2} alignContent="flex-start">
-            <Grid item xs={12} sm={4} lg={12}>
-              <EntityKindPicker initialFilter="component" hidden />
-              <EntityTypePicker />
-            </Grid>
-            <Grid item xs={12} sm={4} lg={12}>
-              <UserListPicker initialFilter={initiallySelectedFilter} />
-            </Grid>
-            <Grid item xs={12} sm={4} lg={12}>
-              <EntityOwnerPicker />
-              <EntityLifecyclePicker />
-              <EntityTagPicker />
+          <Grid item sm={12} lg={2} alignContent="flex-start">
+            <Grid container>
+              <Grid item xs={12} sm={4} lg={12}>
+                <EntityKindPicker initialFilter="component" hidden />
+                <EntityTypePicker />
+              </Grid>
+              <Grid item xs={12} sm={4} lg={12}>
+                <UserListPicker initialFilter={initiallySelectedFilter} />
+              </Grid>
+              <Grid item xs={12} sm={4} lg={12}>
+                <EntityOwnerPicker />
+                <EntityLifecyclePicker />
+                <EntityTagPicker />
+              </Grid>
             </Grid>
           </Grid>
           <Grid item xs={12} sm={12} lg={10}>