diff --git a/public/locale/en/deduplication.json b/public/locale/en/deduplication.json
index a532516..a647cfc 100644
--- a/public/locale/en/deduplication.json
+++ b/public/locale/en/deduplication.json
@@ -8,6 +8,7 @@
   "Empty": "Empty",
   "No_duplication": "No duplication",
   "Delete": "Delete",
+  "Close": "Close",
   "Settings": "Settings",
   "Select_a_column": "Select a column",
   "Add_new_column": "Add new column",
diff --git a/public/locale/zh_CN/deduplication.json b/public/locale/zh_CN/deduplication.json
index 3888bc6..0bf5612 100644
--- a/public/locale/zh_CN/deduplication.json
+++ b/public/locale/zh_CN/deduplication.json
@@ -8,6 +8,7 @@
   "Empty": "空",
   "No_duplication": "无重复项",
   "Delete": "删除",
+  "Close": "关闭",
   "Settings": "设置",
   "Select_a_column": "选择一个列",
   "Add_new_column": "添加新去重列",
diff --git a/src/components/deduplication-columns.js b/src/components/deduplication-columns.js
index fd52a8a..e5a1121 100644
--- a/src/components/deduplication-columns.js
+++ b/src/components/deduplication-columns.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import intl from 'react-intl-universal';
 import PropTypes from 'prop-types';
-import { DTableSelect } from 'dtable-ui-component';
+import { DTableSelect, IconButton } from 'dtable-ui-component';
 import styles from '../css/plugin-layout.module.css';
 
 class DeDuplicationColumns extends React.Component {
@@ -22,11 +22,12 @@ class DeDuplicationColumns extends React.Component {
               onChange={(option) => this.onSelectChange(option, index)}
             />
           </div>
-          <button type="button"
-            aria-label={intl.get('Delete')}
+          <IconButton
+            icon='fork-number'
             title={intl.get('Delete')}
             onClick={() => this.deleteColumn(index)}
-            className={`border-0 p-0 ml-2 dtable-font dtable-icon-fork-number ${styles['column-delete-icon']}`}></button>
+            className='border-0 p-0 ml-2 mt-2'
+          />
         </div>
       );
     });
diff --git a/src/components/delete-component.js b/src/components/delete-component.js
index cf584f5..528c8b4 100644
--- a/src/components/delete-component.js
+++ b/src/components/delete-component.js
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
 import intl from 'react-intl-universal';
-import styles from '../css/plugin-layout.module.css';
+import { IconButton } from 'dtable-ui-component';
 
 class DeleteRowDropdownMenu extends React.Component {
 
@@ -23,7 +23,7 @@ class DeleteRowDropdownMenu extends React.Component {
     return(
       <Dropdown isOpen={this.state.isItemMenuShow} toggle={this.onDropdownToggleClick} style={this.props.style || {}} className="align-middle">
         <DropdownToggle tag="span" data-toggle="dropdown" aria-expanded={this.state.isItemMenuShow}>
-          <i className={'dtable-font dtable-icon-more-level delete-row-font ' + styles['more-level-font']}></i>
+          <IconButton icon='dtable-icon-more-level' title={intl.get('Close')} />
         </DropdownToggle>
         <DropdownMenu right={true}>
           <DropdownItem onClick={this.props.onDeleteRow}>
diff --git a/src/locale/lang/en.js b/src/locale/lang/en.js
index 464475a..f47e0d8 100644
--- a/src/locale/lang/en.js
+++ b/src/locale/lang/en.js
@@ -6,6 +6,7 @@ const en = {
   "Column": "Column",
   "Name": "Name",
   "Count": "Count",
+  "Close": "Close",
   "Empty": "Empty",
   "No_duplication": "No duplication",
   "Delete": "Delete",
diff --git a/src/locale/lang/zh_CN.js b/src/locale/lang/zh_CN.js
index ae284a3..fe41736 100644
--- a/src/locale/lang/zh_CN.js
+++ b/src/locale/lang/zh_CN.js
@@ -6,6 +6,7 @@ const zh_CN = {
   "Column": "列",
   "Name": "名称",
   "Count": "出现次数",
+  "Close": "关闭",
   "Empty": "空",
   "No_duplication": "无重复项",
   "Delete": "删除",
@@ -23,4 +24,4 @@ const zh_CN = {
 }
 ;
 
-export default zh_CN;
\ No newline at end of file
+export default zh_CN;