diff --git a/src/layout/components/NavBar.vue b/src/layout/components/NavBar.vue
index 7f000cb1..43202ed5 100644
--- a/src/layout/components/NavBar.vue
+++ b/src/layout/components/NavBar.vue
@@ -14,7 +14,12 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="nav-bar flex-h">
-    <el-breadcrumb separator=">" class="title flex-h" v-if="pathNames.length">
+    <el-breadcrumb
+      :separator-icon="ArrowRight"
+      class="title flex-h"
+      v-if="pathNames.length"
+      :style="{ '--el-text-color-placeholder': '#666' }"
+    >
       <el-breadcrumb-item
         v-for="(path, index) in pathNames"
         :key="index"
@@ -69,6 +74,7 @@ limitations under the License. -->
   import { MetricCatalog } from "@/views/dashboard/data";
   import type { DashboardItem } from "@/types/dashboard";
   import router from "@/router";
+  import { ArrowRight } from "@element-plus/icons-vue";
 
   /*global Indexable */
   const { t, te } = useI18n();
@@ -296,7 +302,6 @@ limitations under the License. -->
   .title {
     font-size: $font-size-normal;
     font-weight: 500;
-    height: 28px;
   }
 
   .nav-tabs {
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 84eb228b..49262e50 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -213,9 +213,6 @@ div:has(> a.menu-title) {
   display: none;
 }
 
-.el-breadcrumb {
-  line-height: 28px;
-}
 .el-input-number .el-input__inner {
   text-align: left !important;
 }
diff --git a/src/views/Marketplace.vue b/src/views/Marketplace.vue
index 556ae7b6..be1360d1 100644
--- a/src/views/Marketplace.vue
+++ b/src/views/Marketplace.vue
@@ -63,8 +63,6 @@ limitations under the License. -->
   function handleItems(item: MenuOptions) {
     currentItems.value = item;
   }
-
-  appStore.setPageTitle("Marketplace");
 </script>
 <style lang="scss" scoped>
   .menus {