From 56c1c558ebb0b323b87cc112f6e8f9ac1a3ba5e1 Mon Sep 17 00:00:00 2001
From: Kamal Qureshi <kamalqureshi98@gmail.com>
Date: Fri, 11 Jul 2025 19:41:29 +0500
Subject: [PATCH] Updated CustomSelector UI

---
 .../lowcoder-design/src/components/customSelect.tsx      | 9 +++++----
 .../src/components/PermissionDialog/Permission.tsx       | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/client/packages/lowcoder-design/src/components/customSelect.tsx b/client/packages/lowcoder-design/src/components/customSelect.tsx
index 2f13f0db8..72864178a 100644
--- a/client/packages/lowcoder-design/src/components/customSelect.tsx
+++ b/client/packages/lowcoder-design/src/components/customSelect.tsx
@@ -20,7 +20,8 @@ const SelectWrapper = styled.div<{ $border?: boolean }>`
     padding: ${(props) => (props.$border ? "0px" : "0 0 0 12px")};
     height: 100%;
     align-items: center;
-    margin-right: 8px;
+    margin-right: 10px;
+    padding-right: 5px;
     background-color: #fff;
 
     .ant-select-selection-item {
@@ -46,9 +47,9 @@ const SelectWrapper = styled.div<{ $border?: boolean }>`
   }
 
   .ant-select-arrow {
-    width: 20px;
-    height: 20px;
-    right: 8px;
+    width: 17px;
+    height: 17px;
+    right: 10px;
     top: 0;
     bottom: 0;
     margin: auto;
diff --git a/client/packages/lowcoder/src/components/PermissionDialog/Permission.tsx b/client/packages/lowcoder/src/components/PermissionDialog/Permission.tsx
index 6425d3afc..adb9e9ffb 100644
--- a/client/packages/lowcoder/src/components/PermissionDialog/Permission.tsx
+++ b/client/packages/lowcoder/src/components/PermissionDialog/Permission.tsx
@@ -274,7 +274,7 @@ function PermissionTagRender(props: CustomTagProps) {
       color={value}
       closable={closable}
       onClose={onClose}
-      style={{ marginRight: 3 }}
+      style={{ marginRight: 3, display: "flex", alignItems: "center" }}
     >
       {label}
     </StyledTag>