diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index 2e0b7a1abb..a374aaaa8d 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -17,7 +17,7 @@ const icon = (tab: TabItem) => {
     case TabType.TABLE:
       return iconMap.table
     case TabType.VIEW:
-      return iconMap.eye
+      return iconMap.view
     case TabType.AUTH:
       return iconMap.users
   }
diff --git a/packages/nc-gui/utils/iconUtils.ts b/packages/nc-gui/utils/iconUtils.ts
index 3b1567a1f9..d2b25f5b88 100644
--- a/packages/nc-gui/utils/iconUtils.ts
+++ b/packages/nc-gui/utils/iconUtils.ts
@@ -298,7 +298,7 @@ export const iconMap = {
   form: h('span', { class: 'material-symbols-outlined' }, 'receipt'),
   map: h('span', { class: 'material-symbols-outlined' }, 'map'),
   kanban: h('span', { class: 'material-symbols-outlined' }, 'view_column'),
-  view: h('span', { class: 'material-symbols-outlined' }, 'view_list'),
+  view: h('span', { class: 'material-symbols-outlined' }, 'visibility'),
   // rowHeight: h('span', { class: 'material-symbols-outlined' }, 'height'),
   rowHeight: h(PhSplitVerticalThin, { style: { fontSize: '14px' } }),
   filter: h('span', { class: 'material-symbols-outlined' }, 'filter_list'),