Seperate Grid container & item in wrapped components to avoid wrong spacing

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>
2021-07-06 17:16:52 +02:00
parent 1c5dbc7837
commit b578be10f8
1 changed files with 14 additions and 12 deletions
@@ -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}>