diff --git a/packages/nc-gui/assets/css/variables.css b/packages/nc-gui/assets/css/variables.css
index 9045597eac..f14440313e 100644
--- a/packages/nc-gui/assets/css/variables.css
+++ b/packages/nc-gui/assets/css/variables.css
@@ -435,10 +435,10 @@
   --color-view-icon-form: #7d26cd;
   --color-view-icon-calendar: #b33771;
   --color-view-icon-gallery: #fc3ac6;
-  --color-view-icon-map: #1ea47e;
+  --color-view-icon-map: #06b6d4;
   --color-view-icon-kanban: #ff9052;
   --color-view-icon-list: #27d665;
-  --color-view-icon-timeline: #1f6524;
+  --color-view-icon-timeline: #6366f1;
   --color-view-icon-view: #1ea47e;
 }
 
@@ -855,10 +855,10 @@
   --color-view-icon-form: #a35bff;
   --color-view-icon-calendar: #ff5a9d;
   --color-view-icon-gallery: #ff66da;
-  --color-view-icon-map: #36cfaa;
+  --color-view-icon-map: #67d6e8;
   --color-view-icon-kanban: #ffad70;
   --color-view-icon-list: #27d665;
-  --color-view-icon-timeline: #2d8a34;
+  --color-view-icon-timeline: #818cf8;
   --color-view-icon-view: #36cfaa;
 }
 
diff --git a/packages/nc-gui/assets/nc-icons/map.svg b/packages/nc-gui/assets/nc-icons/map.svg
new file mode 100644
index 0000000000..391639450c
--- /dev/null
+++ b/packages/nc-gui/assets/nc-icons/map.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.404 3.702a1.333 1.333 0 0 0 1.192 0l2.439-1.22A0.667 0.667 0 0 1 14 3.079v8.51a0.667 0.667 0 0 1-0.369 0.596l-3.035 1.518a1.333 1.333 0 0 1-1.192 0l-2.808-1.404a1.333 1.333 0 0 0-1.192 0l-2.439 1.22A0.667 0.667 0 0 1 2 12.921v-8.51a0.667 0.667 0 0 1 0.369-0.596l3.035-1.518a1.333 1.333 0 0 1 1.192 0z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 3.843v10" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 2.157v10" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/nc-gui/components/dashboard/TreeView/CreateViewBtn.vue b/packages/nc-gui/components/dashboard/TreeView/CreateViewBtn.vue
index f0abe917d2..e83f0f2c1a 100644
--- a/packages/nc-gui/components/dashboard/TreeView/CreateViewBtn.vue
+++ b/packages/nc-gui/components/dashboard/TreeView/CreateViewBtn.vue
@@ -124,7 +124,7 @@ function onCreateSection() {
   <NcDropdown v-model:visible="isOpen" :overlay-class-name="overlayClassName" destroy-popup-on-hide @click.stop="isOpen = true">
     <slot />
     <template #overlay>
-      <NcMenu class="max-w-48" variant="medium">
+      <NcMenu class="max-w-48" variant="small">
         <NcMenuItem @click.stop="onOpenModal({ type: ViewTypes.GRID })">
           <div class="item" data-testid="sidebar-view-create-grid">
             <div class="item-inner">
diff --git a/packages/nc-gui/components/smartsheet/topbar/ViewListDropdown.vue b/packages/nc-gui/components/smartsheet/topbar/ViewListDropdown.vue
index 340bd69003..d8b49810c5 100644
--- a/packages/nc-gui/components/smartsheet/topbar/ViewListDropdown.vue
+++ b/packages/nc-gui/components/smartsheet/topbar/ViewListDropdown.vue
@@ -320,11 +320,11 @@ async function onOpenModal({
   @apply !rounded-lg border-1 border-nc-border-gray-medium;
 
   .ant-menu.ant-menu-sub {
-    @apply p-2 !rounded-lg !shadow-lg shadow-nc-border-gray-medium;
+    @apply p-1 !rounded-lg !shadow-lg shadow-nc-border-gray-medium;
   }
 
   .ant-menu-item {
-    @apply h-auto min-h-8 !my-0 text-sm !leading-5 py-1.5 px-2 hover:!bg-nc-bg-gray-light cursor-pointer rounded-md;
+    @apply h-auto min-h-7 !my-0 text-sm !leading-5 py-1 px-2 hover:!bg-nc-bg-gray-light cursor-pointer rounded-md;
 
     .ant-menu-title-content {
       @apply w-full px-0;
diff --git a/packages/nc-gui/utils/iconUtils.ts b/packages/nc-gui/utils/iconUtils.ts
index d8d06f21b5..dd87757562 100644
--- a/packages/nc-gui/utils/iconUtils.ts
+++ b/packages/nc-gui/utils/iconUtils.ts
@@ -604,6 +604,7 @@ import NcGalleryViewIcon from '~icons/nc-icons/gallery'
 import NcKanbanViewIcon from '~icons/nc-icons/kanban'
 import NcCalendarViewIcon from '~icons/nc-icons/calendar'
 import NcTimelineViewIcon from '~icons/nc-icons/timeline'
+import NcMapViewIcon from '~icons/nc-icons/map'
 import NcPuzzleSolid from '~icons/nc-icons/puzzle-solid'
 import NcPuzzleOutline from '~icons/nc-icons/puzzle-outline'
 
@@ -978,6 +979,7 @@ export const iconMap = {
   'form': NcFormViewIcon,
   'gallery': NcGalleryViewIcon,
   'kanban': NcKanbanViewIcon,
+  'map': NcMapViewIcon,
 
   'strike': NcStrike,
   'atSign': NcAtSign,
@@ -1205,7 +1207,7 @@ export const iconMap = {
   // grid: h('span', { class: 'material-symbols' }, 'grid_view'),
   // gallery: h('span', { class: 'material-symbols' }, 'image'),
   // form: h('span', { class: 'material-symbols' }, 'article'),
-  'map': h('span', { class: 'material-symbols' }, 'map'),
+  // 'map': NcMapViewIcon,
   // kanban: h('span', { class: 'material-symbols' }, 'view_kanban'),
   'view': h('span', { class: 'material-symbols' }, 'visibility'),
   // rowHeight: h('span', { class: 'material-symbols' }, 'height'),