diff --git a/src/views/settings/index.vue b/src/views/settings/index.vue
index 3c8255bb..bc2099ad 100644
--- a/src/views/settings/index.vue
+++ b/src/views/settings/index.vue
@@ -227,44 +227,7 @@ export default {
 }
 </script>
 
-<style rel='stylesheet/scss' lang='scss' scoped>
-.settings-container {
-  .el-tabs {
-    margin-top: 20px
-  }
-}
-.settings-docs-button {
-  width: 163px;
-  text-align: left;
-  padding: 10px;
-}
-.settings-header {
-  margin: 0;
-}
-.settings-header-container {
-  display: flex;
-  height: 36px;
-  justify-content: space-between;
-  align-items: center;
-  margin: 22px 30px 15px 15px;
-}
-
-@media only screen and (min-width: 1824px) {
-  .settings-container {
-    max-width: 1824px;
-    margin: auto;
-  }
-}
-@media only screen and (max-width: 760px),
-  (min-device-width: 768px) and (max-device-width: 1024px) {
-  .settings-header {
-    margin: 7px 10px 15px 10px;
-  }
-  .settings-header-container {
-    margin: 15px;
-  }
-  .settings-menu {
-    width: 163px;
-  }
-}
+<style rel='stylesheet/scss' lang='scss'>
+@import './styles/main';
+@include settings
 </style>