diff --git a/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/collection/approvalCarbonCopy.collection.ts b/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/collection/approvalCarbonCopy.collection.ts
index 706bc900d..0424acb24 100644
--- a/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/collection/approvalCarbonCopy.collection.ts
+++ b/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/collection/approvalCarbonCopy.collection.ts
@@ -1,4 +1,4 @@
-import { approvalNoticeStatusOptions, ApprovalStatusEnums, COLLECTION_NAME_APPROVAL_CARBON_COPY } from '../constants';
+import { ApprovalNoticeStatusOptions, ApprovalStatusEnums, COLLECTION_NAME_APPROVAL_CARBON_COPY } from '../constants';
 import { NAMESPACE, tval } from '../locale';
 
 export const CollectionApprovalCarbonCopy = {
@@ -114,7 +114,7 @@ export const CollectionApprovalCarbonCopy = {
         type: 'number',
         title: '{{t("Status", { ns: "workflow" })}}',
         'x-component': 'Select',
-        enum: approvalNoticeStatusOptions,
+        enum: ApprovalNoticeStatusOptions,
       },
     },
     {
diff --git a/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/initiations/component/ApprovalItem.tsx b/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/initiations/component/ApprovalItem.tsx
index 37e984d53..10b466c1f 100644
--- a/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/initiations/component/ApprovalItem.tsx
+++ b/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/initiations/component/ApprovalItem.tsx
@@ -65,7 +65,12 @@ export const ApprovalItem = observer((props) => {
                 </Space>
                 {/* </Badge> */}
                 {item.reason?.map((reasonItem, index) => {
-                  return <Space block key={index}>{`${reasonItem.label}:${reasonItem.value}`}</Space>;
+                  return (
+                    <div className="approvalsSummaryStyle-item" key={index}>
+                      <div className="approvalsSummaryStyle-label">{`${reasonItem.label}:`}&nbsp;&nbsp;</div>
+                      <div className="approvalsSummaryStyle-value">{`${reasonItem.value}`}</div>
+                    </div>
+                  );
                 })}
               </List.Item>
             );
diff --git a/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/style/style.css b/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/style/style.css
index 6b2548167..8dab1d714 100644
--- a/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/style/style.css
+++ b/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/style/style.css
@@ -52,3 +52,25 @@
   overflow: hidden;
   background-color: #f3f3f3;
 }
+
+.approvalsSummaryStyle-item {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  overflow: hidden;
+}
+
+.approvalsSummaryStyle-label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #aaa;
+}
+
+.approvalsSummaryStyle-value {
+  white-space: pre-wrap;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
diff --git a/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/todos/component/TabApprovalItem.tsx b/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/todos/component/TabApprovalItem.tsx
index 8d956d806..1fd1a07b5 100644
--- a/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/todos/component/TabApprovalItem.tsx
+++ b/packages/plugins/@hera/plugin-approval-mobile/src/client/approval/todos/component/TabApprovalItem.tsx
@@ -67,7 +67,12 @@ export const TabApprovalItem = observer((props) => {
                 </Space>
                 {/* </Badge> */}
                 {item.reason?.map((reasonItem, index) => {
-                  return <Space block key={index}>{`${reasonItem.label}:${reasonItem.value}`}</Space>;
+                  return (
+                    <div className="approvalsSummaryStyle-item" key={index}>
+                      <div className="approvalsSummaryStyle-label">{`${reasonItem.label}:`}&nbsp;&nbsp;</div>
+                      <div className="approvalsSummaryStyle-value">{`${reasonItem.value}`}</div>
+                    </div>
+                  );
                 })}
               </List.Item>
             );
diff --git a/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-block/launch/Sm.ApprovalBlockLaunch.tsx b/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-block/launch/Sm.ApprovalBlockLaunch.tsx
index 41673d6f5..610e86993 100644
--- a/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-block/launch/Sm.ApprovalBlockLaunch.tsx
+++ b/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-block/launch/Sm.ApprovalBlockLaunch.tsx
@@ -102,6 +102,7 @@ export const SchemaApprovalBlockLaunch = {
           type: 'void',
           'x-decorator': 'TableV2.Column.Decorator',
           'x-component': 'TableV2.Column',
+          'x-component-props': { width: 350 },
           title: tval('Approval Summary'),
           properties: {
             summary: {
diff --git a/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-block/todos/Sm.ApprovalBlockTodos.tsx b/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-block/todos/Sm.ApprovalBlockTodos.tsx
index 7612ef3f2..1c66d2ec3 100644
--- a/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-block/todos/Sm.ApprovalBlockTodos.tsx
+++ b/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-block/todos/Sm.ApprovalBlockTodos.tsx
@@ -92,6 +92,7 @@ export const SchemaApprovalBlockTodos = {
           type: 'void',
           'x-decorator': 'TableV2.Column.Decorator',
           'x-component': 'TableV2.Column',
+          'x-component-props': { width: 350 },
           title: tval('Approval Summary'),
           properties: {
             summary: {
diff --git a/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-common/style.ts b/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-common/style.ts
index d327cedcf..8a8046051 100644
--- a/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-common/style.ts
+++ b/packages/plugins/@tachybase/plugin-workflow/src/client/features/approval/usage/approval-common/style.ts
@@ -16,8 +16,12 @@ const useStyles = createStyles(({ css }) => {
           color: #aaa;
         }
         &-value {
+          white-space: pre-wrap;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+          overflow: hidden;
           text-overflow: ellipsis;
-          white-space: nowrap;
         }
       }
     `,