diff --git a/frontend/src/components/dialog/extra-metadata-attributes-dialog/index.js b/frontend/src/components/dialog/extra-metadata-attributes-dialog/index.js
index 96caa3ce22..895bf3c10d 100644
--- a/frontend/src/components/dialog/extra-metadata-attributes-dialog/index.js
+++ b/frontend/src/components/dialog/extra-metadata-attributes-dialog/index.js
@@ -101,7 +101,7 @@ class ExtraMetadataAttributesDialog extends Component {
       let newValue = update[column.key];
       let recordID = this.state.row._id;
       if (this.isExist) {
-        metadataAPI.modifyRecord(repoID, recordID, { [column.name]: newValue}).then(res => {
+        metadataAPI.modifyRecord(repoID, recordID, { [column.name]: newValue }).then(res => {
           this.setState({ update: {}, row: res.data.row });
         }).catch(error => {
           const errorMsg = Utils.getErrorMsg(error);
diff --git a/frontend/src/metadata/metadata-view/components/popover/column-popover/name/index.js b/frontend/src/metadata/metadata-view/components/popover/column-popover/name/index.js
index fc5eae3157..ef597f46b1 100644
--- a/frontend/src/metadata/metadata-view/components/popover/column-popover/name/index.js
+++ b/frontend/src/metadata/metadata-view/components/popover/column-popover/name/index.js
@@ -7,7 +7,7 @@ import { gettext } from '../../../../utils';
 // eslint-disable-next-line react/display-name
 const Name = forwardRef(({ readOnly, value }, ref) => {
   const [error, setError] = useState('');
-  const [name, setName] = useState(value ||'');
+  const [name, setName] = useState(value || '');
 
   const onNameChange = useCallback((event) => {
     const value = event.target.value;
diff --git a/frontend/src/metadata/metadata-view/components/popover/column-popover/type/column-types/index.js b/frontend/src/metadata/metadata-view/components/popover/column-popover/type/column-types/index.js
index b03eef6708..65204678e9 100644
--- a/frontend/src/metadata/metadata-view/components/popover/column-popover/type/column-types/index.js
+++ b/frontend/src/metadata/metadata-view/components/popover/column-popover/type/column-types/index.js
@@ -128,7 +128,7 @@ const ColumnTypes = ({
                       <div
                         className={classnames('select-column-item text-truncate', { 'active': item.key === column.key })}
                         key={item.key}
-                        onClick={(event) => onSelectColumn(event,item)}
+                        onClick={(event) => onSelectColumn(event, item)}
                       >
                         <Icon iconName={item.icon} />
                         <span>{item.name}</span>
diff --git a/frontend/src/metadata/metadata-view/components/popover/column-popover/type/index.js b/frontend/src/metadata/metadata-view/components/popover/column-popover/type/index.js
index 514efc5c56..b85fcb2d93 100644
--- a/frontend/src/metadata/metadata-view/components/popover/column-popover/type/index.js
+++ b/frontend/src/metadata/metadata-view/components/popover/column-popover/type/index.js
@@ -18,9 +18,9 @@ const COLUMNS = [
   { icon: COLUMNS_ICON_CONFIG[CellType.CHECKBOX], type: CellType.CHECKBOX, name: getColumnName(PRIVATE_COLUMN_KEY.FILE_EXPIRED), unique: true, key: PRIVATE_COLUMN_KEY.FILE_EXPIRED, canChangeName: false, groupby: 'predefined' },
   { icon: COLUMNS_ICON_CONFIG[CellType.SINGLE_SELECT], type: CellType.SINGLE_SELECT, name: getColumnName(PRIVATE_COLUMN_KEY.FILE_STATUS), unique: true, key: PRIVATE_COLUMN_KEY.FILE_STATUS, canChangeName: false, groupby: 'predefined' },
   { icon: COLUMNS_ICON_CONFIG[CellType.TEXT], type: CellType.TEXT, name: gettext(COLUMNS_ICON_NAME[CellType.TEXT]), canChangeName: true, key: CellType.TEXT, groupby: 'basics' },
-  { icon: COLUMNS_ICON_CONFIG[CellType.CHECKBOX], type: CellType.CHECKBOX, name: gettext(COLUMNS_ICON_NAME[CellType.CHECKBOX]), canChangeName: true, key: CellType.CHECKBOX,groupby: 'basics' },
+  { icon: COLUMNS_ICON_CONFIG[CellType.CHECKBOX], type: CellType.CHECKBOX, name: gettext(COLUMNS_ICON_NAME[CellType.CHECKBOX]), canChangeName: true, key: CellType.CHECKBOX, groupby: 'basics' },
   { icon: COLUMNS_ICON_CONFIG[CellType.COLLABORATOR], type: CellType.COLLABORATOR, name: gettext(COLUMNS_ICON_NAME[CellType.COLLABORATOR]), canChangeName: true, key: CellType.COLLABORATOR, groupby: 'basics' },
-  { icon: COLUMNS_ICON_CONFIG[CellType.DATE], type: CellType.DATE, name: gettext(COLUMNS_ICON_NAME[CellType.DATE]), canChangeName: true, key: CellType.DATE,groupby: 'basics' },
+  { icon: COLUMNS_ICON_CONFIG[CellType.DATE], type: CellType.DATE, name: gettext(COLUMNS_ICON_NAME[CellType.DATE]), canChangeName: true, key: CellType.DATE, groupby: 'basics' },
   { icon: COLUMNS_ICON_CONFIG[CellType.LONG_TEXT], type: CellType.LONG_TEXT, name: gettext(COLUMNS_ICON_NAME[CellType.LONG_TEXT]), canChangeName: true, key: CellType.LONG_TEXT, groupby: 'basics' },
   { icon: COLUMNS_ICON_CONFIG[CellType.SINGLE_SELECT], type: CellType.SINGLE_SELECT, name: gettext(COLUMNS_ICON_NAME[CellType.SINGLE_SELECT]), canChangeName: true, key: CellType.SINGLE_SELECT, groupby: 'basics' },
   { icon: COLUMNS_ICON_CONFIG[CellType.NUMBER], type: CellType.NUMBER, name: gettext(COLUMNS_ICON_NAME[CellType.NUMBER]), canChangeName: true, key: CellType.NUMBER, groupby: 'basics' },
diff --git a/frontend/src/metadata/metadata-view/constants/event-bus-type.js b/frontend/src/metadata/metadata-view/constants/event-bus-type.js
index edf74558cb..bdbca555f1 100644
--- a/frontend/src/metadata/metadata-view/constants/event-bus-type.js
+++ b/frontend/src/metadata/metadata-view/constants/event-bus-type.js
@@ -32,9 +32,9 @@ export const EVENT_BUS_TYPE = {
 
   // view
   MODIFY_FILTERS: 'modify_filters',
-  MODIFY_SORTS:'modify_sorts',
-  MODIFY_GROUPBYS:'modify_groupbys',
-  MODIFY_HIDDEN_COLUMNS:'modify_hidden_columns',
+  MODIFY_SORTS: 'modify_sorts',
+  MODIFY_GROUPBYS: 'modify_groupbys',
+  MODIFY_HIDDEN_COLUMNS: 'modify_hidden_columns',
 
   // change
   VIEW_CHANGED: 'view_changed',