diff --git a/packages/core/client/src/schema-component/antd/action/Action.style.ts b/packages/core/client/src/schema-component/antd/action/Action.style.ts
index 1f4d4061b7..f283358e4c 100644
--- a/packages/core/client/src/schema-component/antd/action/Action.style.ts
+++ b/packages/core/client/src/schema-component/antd/action/Action.style.ts
@@ -47,6 +47,13 @@ const useStyles = genStyleHook('nb-action', (token) => {
           },
         },
       },
+
+      '.ant-btn-icon': {
+        marginInlineEnd: '0px !important',
+      },
+      '.nb-action-title': {
+        marginInlineStart: '8px',
+      },
     },
   };
 });
diff --git a/packages/core/client/src/schema-component/antd/action/Action.tsx b/packages/core/client/src/schema-component/antd/action/Action.tsx
index 3174959b97..a67ee33aef 100644
--- a/packages/core/client/src/schema-component/antd/action/Action.tsx
+++ b/packages/core/client/src/schema-component/antd/action/Action.tsx
@@ -377,7 +377,6 @@ function RenderButton({
   if (!designable && (field?.data?.hidden || !aclCtx)) {
     return null;
   }
-
   return (
     <SortableItem
       role="button"
@@ -393,7 +392,7 @@ function RenderButton({
       className={classnames(componentCls, hashId, className, 'nb-action')}
       type={type === 'danger' ? undefined : type}
     >
-      {actionTitle}
+      {actionTitle && <span className={icon ? 'nb-action-title' : null}>{actionTitle}</span>}
       <Designer {...designerProps} />
     </SortableItem>
   );