diff --git a/src/DTableIcon/index.css b/src/DTableIcon/index.css
index c4a6463f..d6c40fa5 100644
--- a/src/DTableIcon/index.css
+++ b/src/DTableIcon/index.css
@@ -1,6 +1,6 @@
 .multicolor-icon {
-  width: 1em;
-  height: 1em;
+  width: 1rem;
+  height: 1rem;
   fill: currentColor;
   overflow: hidden;
 }
diff --git a/src/FieldDisplaySetting/index.js b/src/FieldDisplaySetting/index.js
index 37307cbc..f7ce6236 100644
--- a/src/FieldDisplaySetting/index.js
+++ b/src/FieldDisplaySetting/index.js
@@ -42,7 +42,7 @@ function FieldDisplaySetting({ fields, textProperties, fieldAllShown, onClickFie
     <div className="field-setting">
       <div className="field-setting-header seatable-collapse-header d-flex align-items-center justify-content-between" onClick={expandAllFields} >
         <Label className="mb-0">{textProperties.titleValue}</Label>
-        <span className={`dtable-font dtable-icon-right expand-button ${isCollapsed ? '' : 'revolving'}`} />
+        <span className={`seatable-icon-btn sm dtable-font dtable-icon-right expand-button ${isCollapsed ? '' : 'revolving'}`} />
       </div>
       <Transition nodeRef={nodeRef} in={!isCollapsed} timeout={DURATION}>
         {state => (