diff --git a/src/router/marketplace.ts b/src/router/marketplace.ts
index 88fcc7ac..c6fcde65 100644
--- a/src/router/marketplace.ts
+++ b/src/router/marketplace.ts
@@ -32,7 +32,7 @@ export const routesMarketplace: Array<RouteRecordRaw> = [
       {
         path: "/marketplace",
         name: "MenusManagement",
-        component: () => import("@/views/marketplace/Menus.vue"),
+        component: () => import("@/views/Marketplace.vue"),
       },
     ],
   },
diff --git a/src/router/settings.ts b/src/router/settings.ts
index f40baf21..864853eb 100644
--- a/src/router/settings.ts
+++ b/src/router/settings.ts
@@ -32,7 +32,7 @@ export const routesSettings: Array<RouteRecordRaw> = [
       {
         path: "/settings",
         name: "Settings",
-        component: () => import("@/views/marketplace/Settings.vue"),
+        component: () => import("@/views/Settings.vue"),
       },
     ],
   },
diff --git a/src/views/marketplace/Menus.vue b/src/views/Marketplace.vue
similarity index 100%
rename from src/views/marketplace/Menus.vue
rename to src/views/Marketplace.vue
diff --git a/src/views/marketplace/Settings.vue b/src/views/Settings.vue
similarity index 100%
rename from src/views/marketplace/Settings.vue
rename to src/views/Settings.vue
diff --git a/src/views/alarm/Header.vue b/src/views/alarm/Header.vue
index 8704c876..0ac0f3dd 100644
--- a/src/views/alarm/Header.vue
+++ b/src/views/alarm/Header.vue
@@ -32,8 +32,8 @@ limitations under the License. -->
       </div>
       <div class="pagination">
         <el-pagination
-          v-model:currentPage="pageNum"
-          v-model:page-size="pageSize"
+          v-model="pageNum"
+          :page-size="pageSize"
           layout="prev, pager, next"
           :total="total"
           @current-change="changePage"
diff --git a/src/views/dashboard/related/event/Header.vue b/src/views/dashboard/related/event/Header.vue
index 702fb1ec..28c58370 100644
--- a/src/views/dashboard/related/event/Header.vue
+++ b/src/views/dashboard/related/event/Header.vue
@@ -48,8 +48,8 @@ limitations under the License. -->
       />
     </div>
     <el-pagination
-      v-model:currentPage="pageNum"
-      v-model:page-size="pageSize"
+      v-model="pageNum"
+      :page-size="pageSize"
       layout="prev, pager, next"
       :total="total"
       @current-change="updatePage"
diff --git a/src/views/dashboard/related/log/List.vue b/src/views/dashboard/related/log/List.vue
index 23552353..7c842c7c 100644
--- a/src/views/dashboard/related/log/List.vue
+++ b/src/views/dashboard/related/log/List.vue
@@ -19,8 +19,8 @@ limitations under the License. -->
     </LogTable>
     <div class="mt-5 mb-5">
       <el-pagination
-        v-model:currentPage="logStore.conditions.paging.pageNum"
-        v-model:page-size="pageSize"
+        v-model="logStore.conditions.paging.pageNum"
+        :page-size="pageSize"
         :small="true"
         layout="prev, pager, next"
         :pager-count="5"
diff --git a/src/views/dashboard/related/trace/TraceList.vue b/src/views/dashboard/related/trace/TraceList.vue
index d64e2d3f..c2ebfe10 100644
--- a/src/views/dashboard/related/trace/TraceList.vue
+++ b/src/views/dashboard/related/trace/TraceList.vue
@@ -14,8 +14,8 @@ limitations under the License. -->
   <div class="trace-t flex-v">
     <div class="trace-t-tool flex-h">
       <el-pagination
-        v-model:currentPage="traceStore.conditions.paging.pageNum"
-        v-model:page-size="pageSize"
+        v-model="traceStore.conditions.paging.pageNum"
+        :page-size="pageSize"
         :small="true"
         layout="prev, pager, next"
         :pager-count="5"
@@ -128,7 +128,7 @@ limitations under the License. -->
 </script>
 <style lang="scss" scoped>
   .trace-t-tool {
-    background-color: rgba(196, 200, 225, 0.2);
+    background-color: rgb(196 200 225 / 20%);
     justify-content: space-between;
     border-bottom: 1px solid #c1c5ca41;
     border-right: 1px solid #c1c5ca41;
@@ -141,7 +141,7 @@ limitations under the License. -->
 
   .trace-t-wrapper {
     overflow: auto;
-    border-right: 1px solid rgba(0, 0, 0, 0.1);
+    border-right: 1px solid rgb(0 0 0 / 10%);
   }
 
   .trace-t-loading {
@@ -169,13 +169,13 @@ limitations under the License. -->
 
   .trace-tr {
     &:hover {
-      background-color: rgba(0, 0, 0, 0.04);
+      background-color: rgb(0 0 0 / 4%);
     }
   }
 
   .trace-td {
     padding: 5px;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgb(0 0 0 / 7%);
 
     &.selected {
       background-color: #ededed;
@@ -183,7 +183,7 @@ limitations under the License. -->
   }
 
   .trace-success {
-    border-left: 4px solid rgba(46, 47, 51, 0.1);
+    border-left: 4px solid rgb(46 47 51 / 10%);
   }
 
   .trace-warning {
diff --git a/src/views/dashboard/related/trace/components/D3Graph/SpanDetail.vue b/src/views/dashboard/related/trace/components/D3Graph/SpanDetail.vue
index 5de26a5d..7947464c 100644
--- a/src/views/dashboard/related/trace/components/D3Graph/SpanDetail.vue
+++ b/src/views/dashboard/related/trace/components/D3Graph/SpanDetail.vue
@@ -111,8 +111,8 @@ limitations under the License. -->
   </el-dialog>
   <el-dialog v-model="showRelatedLogs" :destroy-on-close="true" fullscreen @closed="showRelatedLogs = false">
     <el-pagination
-      v-model:currentPage="pageNum"
-      v-model:page-size="pageSize"
+      v-model="pageNum"
+      :page-size="pageSize"
       :small="true"
       layout="prev, pager, next"
       :pager-count="5"
diff --git a/vite.config.ts b/vite.config.ts
index f63e7d5e..a70ea4b6 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -80,7 +80,6 @@ export default ({ mode }: ConfigEnv): UserConfig => {
     },
     build: {
       target: "esnext",
-      cssTarget: "chrome80",
       outDir: OUTPUT_DIR,
       manifest: false,
       sourcemap: false,