From c6c51a76de11162e3473c5f1a648b2dfae7de7d8 Mon Sep 17 00:00:00 2001
From: Archana Agivale <archana.agivale@qed42.com>
Date: Wed, 20 Nov 2024 18:38:02 +0530
Subject: [PATCH] Fix: 20766 [Design] Roles missing space between labels and
 the dropdown field (#22146)

* fix: issue 20766 [Design] Roles missing space between labels and the dropdown field
Ref : #20766

* fix: Roles missing space between labels and the dropdown field
#20766
---
 .../pages/Roles/components/ConditionsModal.tsx         | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/core/admin/admin/src/pages/Settings/pages/Roles/components/ConditionsModal.tsx b/packages/core/admin/admin/src/pages/Settings/pages/Roles/components/ConditionsModal.tsx
index be572ddea6..e001b54dbb 100644
--- a/packages/core/admin/admin/src/pages/Settings/pages/Roles/components/ConditionsModal.tsx
+++ b/packages/core/admin/admin/src/pages/Settings/pages/Roles/components/ConditionsModal.tsx
@@ -239,8 +239,14 @@ const ActionRow = ({
   };
 
   return (
-    <Flex tag="li" background={isGrey ? 'neutral100' : 'neutral0'} paddingBottom={3} paddingTop={3}>
-      <Flex paddingLeft={6} style={{ width: 180 }}>
+    <Flex
+      tag="li"
+      background={isGrey ? 'neutral100' : 'neutral0'}
+      paddingBottom={3}
+      paddingTop={3}
+      justifyContent={'space-evenly'}
+    >
+      <Flex style={{ width: 180 }}>
         <Typography variant="sigma" textColor="neutral600">
           {formatMessage({
             id: 'Settings.permissions.conditions.can',