diff --git a/ui/src/layout/components/sidebar/SidebarItem.vue b/ui/src/layout/components/sidebar/SidebarItem.vue
index 68565b4dd..29a058c53 100644
--- a/ui/src/layout/components/sidebar/SidebarItem.vue
+++ b/ui/src/layout/components/sidebar/SidebarItem.vue
@@ -29,7 +29,7 @@
     >
       <template #title>
         <AppIcon v-if="menu.meta && menu.meta.icon" :iconName="menuIcon" class="sidebar-icon" />
-        <span v-if="menu.meta && menu.meta.title">{{ $t(menu.meta.title) }}</span>
+        <span v-if="menu.meta && menu.meta.title">{{ $t(menu.meta?.title as string) }}</span>
       </template>
     </el-menu-item>
   </div>
@@ -50,8 +50,6 @@ const {
   params: { id, type }
 } = route as any
 
-
-
 function showMenu() {
   if (isWorkFlow(type)) {
     return props.menu.name !== 'AppHitTest'
diff --git a/ui/src/layout/components/top-bar/top-menu/MenuItem.vue b/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
index 0cca4100f..946d1e544 100644
--- a/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
+++ b/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
@@ -8,7 +8,7 @@
       <AppIcon :iconName="menu.meta ? (menu.meta.icon as string) : '404'" />
     </div> -->
     <div class="title">
-      {{ $t(menu.meta?.title) }}
+      {{ $t(menu.meta?.title as string) }}
     </div>
   </div>
 </template>