From 0bf385d601c5d1f9be739d5973f0311870ae8efd Mon Sep 17 00:00:00 2001
From: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
Date: Thu, 3 Oct 2024 12:26:12 +0200
Subject: [PATCH] feat(onboarding): improve steps dividers (#8346)

---
 .../onboarding/flow/ProjectOnboarding.tsx          | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/onboarding/flow/ProjectOnboarding.tsx b/frontend/src/component/onboarding/flow/ProjectOnboarding.tsx
index 1f4be32c2b..610fbadfd6 100644
--- a/frontend/src/component/onboarding/flow/ProjectOnboarding.tsx
+++ b/frontend/src/component/onboarding/flow/ProjectOnboarding.tsx
@@ -40,11 +40,10 @@ const TitleBox = styled('div')(({ theme }) => ({
 const Actions = styled('div')(({ theme }) => ({
     display: 'flex',
     flexGrow: 1,
-    gap: theme.spacing(7),
-    padding: theme.spacing(3, 5),
+    padding: theme.spacing(0, 1),
     [theme.breakpoints.down('md')]: {
         flexDirection: 'column',
-        gap: theme.spacing(7),
+        padding: theme.spacing(0),
     },
 }));
 
@@ -53,6 +52,15 @@ const ActionBox = styled('div')(({ theme }) => ({
     display: 'flex',
     gap: theme.spacing(3),
     flexDirection: 'column',
+    borderRight: `1px solid ${theme.palette.divider}`,
+    padding: theme.spacing(4),
+    [theme.breakpoints.down('md')]: {
+        borderRight: 0,
+        borderBottom: `1px solid ${theme.palette.divider}`,
+    },
+    '&:last-child': {
+        borderWidth: 0,
+    },
 }));
 
 const TitleContainer = styled('div')(({ theme }) => ({