diff --git a/feature/src/assets/common.less b/feature/src/assets/common.less
new file mode 100644
index 0000000..7e9ce10
--- /dev/null
+++ b/feature/src/assets/common.less
@@ -0,0 +1,20 @@
+.left-menu {
+  width: 200px;
+  height: 100vh;
+  .search-container {
+    padding: 10px;
+  }
+  .ant-input-affix-wrapper {
+    border: none;
+  }
+  :deep(.ant-menu) {
+    background: #F3EFEF;
+    .ant-menu-item-selected {
+      background-color: #E2E2E2;
+      color: #141414;
+      &:after {
+        display: none;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/feature/src/views/market/index.vue b/feature/src/views/market/index.vue
index 676d46c..95b0b0a 100644
--- a/feature/src/views/market/index.vue
+++ b/feature/src/views/market/index.vue
@@ -92,7 +92,8 @@ const totalPlugins = computed(() => store.state.totalPlugins);
 const { searchValue, current } = toRefs(state);
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
+@import '~@/assets/common.less';
 .market {
   display: flex;
   box-sizing: border-box;
@@ -101,26 +102,6 @@ const { searchValue, current } = toRefs(state);
   overflow: hidden;
   background: #F3EFEF;
   height: calc(~"100vh - 46px");
-  .left-menu {
-    width: 200px;
-    height: 100vh;
-    .search-container {
-      padding: 10px;
-    }
-    .ant-input-affix-wrapper {
-      border: none;
-    }
-    .ant-menu {
-      background: #F3EFEF;
-      .ant-menu-item-selected {
-        background-color: #E2E2E2;
-        color: #141414;
-        &:after {
-          display: none;
-        }
-      }
-    }
-  }
   .container {
     background: #fff;
     width: calc(~'100% - 200px');
diff --git a/feature/src/views/settings/index.vue b/feature/src/views/settings/index.vue
index 201a59c..e5fc64d 100644
--- a/feature/src/views/settings/index.vue
+++ b/feature/src/views/settings/index.vue
@@ -236,7 +236,8 @@ const addConfig = () => {
 const {shortCut, common, local, global} = toRefs(state);
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
+@import '~@/assets/common.less';
 .settings {
   box-sizing: border-box;
   width: 100%;
@@ -244,26 +245,6 @@ const {shortCut, common, local, global} = toRefs(state);
   background: #f3efef;
   height: calc(~"100vh - 46px");
   display: flex;
-  .left-menu {
-    width: 200px;
-    height: 100%;
-    .search-container {
-      padding: 10px;
-    }
-    .ant-input-affix-wrapper {
-      border: none;
-    }
-    .ant-menu {
-      background: #F3EFEF;
-      .ant-menu-item-selected {
-        background-color: #E2E2E2;
-        color: #141414;
-        &:after {
-          display: none;
-        }
-      }
-    }
-  }
   .settings-detail {
     padding: 20px;
     box-sizing: border-box;