diff --git a/frontend/src/metadata/metadata-tree-view/view-item/index.js b/frontend/src/metadata/metadata-tree-view/view-item/index.js
index 7f4bb18ea6..7df3eedeaf 100644
--- a/frontend/src/metadata/metadata-tree-view/view-item/index.js
+++ b/frontend/src/metadata/metadata-tree-view/view-item/index.js
@@ -6,6 +6,7 @@ import Icon from '../../../components/icon';
import ItemDropdownMenu from '../../../components/dropdown-menu/item-dropdown-menu';
import { Rename } from '../../metadata-view/components/popover/view-popover';
import { Utils, isMobile } from '../../../utils/utils';
+import { VIEW_TYPE_ICON } from '../../metadata-view/_basic';
import './index.css';
@@ -158,7 +159,7 @@ const ViewItem = ({
diff --git a/frontend/src/metadata/metadata-view/_basic/constants/view.js b/frontend/src/metadata/metadata-view/_basic/constants/view.js
index 32e92cf241..62d3b23c45 100644
--- a/frontend/src/metadata/metadata-view/_basic/constants/view.js
+++ b/frontend/src/metadata/metadata-view/_basic/constants/view.js
@@ -2,3 +2,9 @@ export const VIEW_TYPE = {
TABLE: 'table',
GALLERY: 'gallery'
};
+
+export const VIEW_TYPE_ICON = {
+ [VIEW_TYPE.TABLE]: 'table',
+ [VIEW_TYPE.GALLERY]: 'image',
+ 'image': 'image'
+};
diff --git a/frontend/src/metadata/metadata-view/_basic/index.js b/frontend/src/metadata/metadata-view/_basic/index.js
index b31d6a0bbc..ba49c9e596 100644
--- a/frontend/src/metadata/metadata-view/_basic/index.js
+++ b/frontend/src/metadata/metadata-view/_basic/index.js
@@ -57,6 +57,7 @@ export {
LONG_TEXT_EXCEED_LIMIT_MESSAGE,
LONG_TEXT_EXCEED_LIMIT_SUGGEST,
VIEW_TYPE,
+ VIEW_TYPE_ICON,
} from './constants';
export {