Increase bottom padding to prevent clipping (#5281)

Co-authored-by: Paweł Chyła <chyla1988@gmail.com>
saleor · Nov 29, 2024 · 7250d03 · 7250d03
1 parent 67687b3
commit 7250d03
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/wild-poems-report.md b/.changeset/wild-poems-report.md
@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Padding under home page tiles is now increased to prevent clipping
diff --git a/src/newHome/HomePage.tsx b/src/newHome/HomePage.tsx
@@ -23,7 +23,7 @@ export const HomePage = () => {
   return (
     <DetailPageLayout withSavebar={false}>
       <Box gridColumn="8" gridRowStart="1" />
-      <DetailPageLayout.Content marginTop={6} paddingLeft={8}>
+      <DetailPageLayout.Content paddingTop={6} paddingLeft={8}>
         <HomeTitle />
         <HomeOnboarding />
         <HomeTilesContainer />

diff --git a/src/newHome/homeInfoTiles/TilesContainer.tsx b/src/newHome/homeInfoTiles/TilesContainer.tsx
@@ -18,8 +18,9 @@ export const HomeTilesContainer: React.FC = () => {
         desktop: 2,
       }}
       gap={6}
-      marginTop={6}
       marginRight={6}
+      marginY={6}
+      paddingBottom={6}
     >
       {tiles.map(tile => (
         <HomeInfoTile key={tile.id} {...tile} />