From 308a046b60357312709414ebe9c317610cf18bc3 Mon Sep 17 00:00:00 2001
From: Kevin Foong <55353265+kevin9foong@users.noreply.github.com>
Date: Tue, 1 Oct 2024 14:14:12 +0800
Subject: [PATCH] fix: logic active step padding (#7737)

fix
: add padding around step items
---
 .../EditLogicBlock/EditCondition/EditConditionWrapper.tsx       | 1 +
 .../components/LogicContent/EditLogicBlock/EditLogicBlock.tsx   | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/admin-form/create/logic/components/LogicContent/EditLogicBlock/EditCondition/EditConditionWrapper.tsx b/frontend/src/features/admin-form/create/logic/components/LogicContent/EditLogicBlock/EditCondition/EditConditionWrapper.tsx
index 506e488475..37d1420d3f 100644
--- a/frontend/src/features/admin-form/create/logic/components/LogicContent/EditLogicBlock/EditCondition/EditConditionWrapper.tsx
+++ b/frontend/src/features/admin-form/create/logic/components/LogicContent/EditLogicBlock/EditCondition/EditConditionWrapper.tsx
@@ -13,6 +13,7 @@ export const EditConditionWrapper = forwardRef<
       ref={ref}
       borderRadius="4px"
       bg="white"
+      py="1.5rem"
       border="1px solid"
       borderColor="primary.500"
       boxShadow="0 0 0 1px var(--chakra-colors-primary-500)"
diff --git a/frontend/src/features/admin-form/create/logic/components/LogicContent/EditLogicBlock/EditLogicBlock.tsx b/frontend/src/features/admin-form/create/logic/components/LogicContent/EditLogicBlock/EditLogicBlock.tsx
index ec18c050b2..8f807f0ffd 100644
--- a/frontend/src/features/admin-form/create/logic/components/LogicContent/EditLogicBlock/EditLogicBlock.tsx
+++ b/frontend/src/features/admin-form/create/logic/components/LogicContent/EditLogicBlock/EditLogicBlock.tsx
@@ -122,7 +122,7 @@ export const EditLogicBlock = ({
       <Stack
         divider={<EditConditionBlockDivider />}
         direction="column"
-        py="1.5rem"
+        pb="1.5rem"
         px={{ base: '1.5rem', md: '2rem' }}
       >
         {logicConditionBlocks.map((block, index) => {