From ab99ad1caa1c24f3c8f416c3d8ea503589104df8 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 9 Apr 2024 14:38:18 +0300
Subject: [PATCH] fix(management-tabs): borders and padding

---
 src/pages/ValidatorManagement/ManagementTabs.tsx | 16 +++++++---------
 .../ValidatorManagement/ValidatorManagement.tsx  |  1 -
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/pages/ValidatorManagement/ManagementTabs.tsx b/src/pages/ValidatorManagement/ManagementTabs.tsx
index 045c3b16..42d6e9e0 100644
--- a/src/pages/ValidatorManagement/ManagementTabs.tsx
+++ b/src/pages/ValidatorManagement/ManagementTabs.tsx
@@ -19,18 +19,18 @@ const ManagementTabs = () => {
       style={{
         width: '100%',
         border: '1px solid #E7EAEE',
-        borderRadius: '16px',
-        borderBottom: 'none',
-        borderBottomLeftRadius: '0',
-        borderBottomRightRadius: '0',
+        borderTopLeftRadius: '16px',
+        borderTopRightRadius: '16px',
+        paddingBottom: '12px',
       }}
     >
       <Tabs defaultValue={VALIDATOR_TABS_MANAGEMENT[0]}>
         <div
           className="tabs transparent-scrollbar"
           style={{
+            borderTopLeftRadius: '16px',
+            borderTopRightRadius: '16px',
             borderBottom: '1px solid #E7EAEE',
-            padding: '12px',
             backgroundColor: '#fafbfc',
           }}
         >
@@ -38,11 +38,9 @@ const ManagementTabs = () => {
             space={'$3'}
             justifyContent="space-between"
             alignItems="center"
+            style={{ padding: '8px 16px' }}
           >
-            <Stack
-              maxWidth={'120px'}
-              style={{ cursor: 'pointer', margin: '8px 0' }}
-            >
+            <Stack maxWidth={'120px'} style={{ cursor: 'pointer' }}>
               <Tabs.List size={32} variant="grey">
                 {VALIDATOR_TABS_MANAGEMENT.map(tab => (
                   <Tabs.Trigger key={tab} type="default" value={tab}>
diff --git a/src/pages/ValidatorManagement/ValidatorManagement.tsx b/src/pages/ValidatorManagement/ValidatorManagement.tsx
index 42be6142..c5ce35fe 100644
--- a/src/pages/ValidatorManagement/ValidatorManagement.tsx
+++ b/src/pages/ValidatorManagement/ValidatorManagement.tsx
@@ -13,7 +13,6 @@ const ValidatorManagement = () => {
     <SidebarsWrapper isNotBottomPadding={true}>
       <YStack
         space="$4"
-        alignItems="flex-start"
         style={{
           width: '100%',
         }}