From 647641592b65e6bc3e9e4ff44ce1929b91a15dc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20=C4=8Curda?= <jakub.curda@almacareer.com>
Date: Mon, 23 Dec 2024 11:17:32 +0100
Subject: [PATCH] fixup! Feat(web-react): Introduce Box component #DS-1595

---
 .../src/components/Box/demo/BoxWithCustomPadding.tsx        | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/web-react/src/components/Box/demo/BoxWithCustomPadding.tsx b/packages/web-react/src/components/Box/demo/BoxWithCustomPadding.tsx
index e65d18a320..3eb4a83c2f 100644
--- a/packages/web-react/src/components/Box/demo/BoxWithCustomPadding.tsx
+++ b/packages/web-react/src/components/Box/demo/BoxWithCustomPadding.tsx
@@ -21,7 +21,11 @@ const BoxWithCustomPadding = () => (
     >
       With custom padding for each direction
     </Box>
-    <Box paddingLeft={{ mobile: 'space-600', tablet: 'space-800', desktop: 'space-1000' }} borderWidth="100">
+    <Box
+      paddingX={{ mobile: 'space-400', tablet: 'space-800', desktop: 'space-1200' }}
+      paddingY={{ mobile: 'space-200', tablet: 'space-400', desktop: 'space-600' }}
+      borderWidth="100"
+    >
       With responsive padding
     </Box>
   </>