diff --git a/frontend/src/pages/wiki2/wiki.css b/frontend/src/pages/wiki2/wiki.css
index 3a4c1b1458..973e855727 100644
--- a/frontend/src/pages/wiki2/wiki.css
+++ b/frontend/src/pages/wiki2/wiki.css
@@ -2,18 +2,6 @@ body {
   overflow: hidden;
 }
 
-.heading-icon {
-  position: absolute;
-  right: 1rem;
-  top: 25%;
-  color: #888;
-  font-size: 0.8125rem;
-}
-
-img[src=""] {
-  opacity: 0;
-}
-
 .wiki2-main-panel {
   width: calc(100% - 300px);
   display: flex;
@@ -31,42 +19,15 @@ img[src=""] {
   justify-content: space-between;
 }
 
-.cur-view-content .wiki-page-container {
-  margin: 0 -1rem -1.25rem;
-  padding: 30px 1rem 1.25rem;
-  display: flex;
-  flex: 1;
-  padding-left: 30px;
-  overflow-y: auto;
-}
-
 .main-panel-center .cur-view-content {
   padding: 0;
 }
 
-.cur-view-content .wiki-page-content {
-  width: calc(100% - 200px);
-  padding-right: 30px;
-}
-
-@media (max-width: 991.98px) {
-  .cur-view-content .wiki-page-container {
-    padding: 0 14px;
-    padding-top: 30px;
-  }
-
-  .cur-view-content .wiki-page-content {
-    width: 100%;
-    padding-right: 0;
-  }
-}
-
 .main-panel-center .cur-view-content .sf-wiki-title {
   border: none;
-  padding: 0 50px;
-  padding-left: 142px;
-  font-weight: bold;
   font-size: 26pt;
+  font-weight: bold;
+  padding: 0 50px 0 0;
   color: #212529;
 }
 
@@ -74,183 +35,13 @@ img[src=""] {
   box-shadow: none;
 }
 
-/* reset article h1 */
-.wiki2-main-panel .article h1 {
-  margin-top: 0;
-}
-
-.wiki-page-container .outline-h2,
-.wiki-page-container .outline-h3 {
-  height: 24px;
-  font-size: 12px;
-  color: #4d5156;
-}
-
-.wiki-page-container .outline-h2.active,
-.wiki-page-container .outline-h3.active {
-  color: #eb8205;
-}
-
-.wiki-page-container .sf-slate-viewer-scroll-container {
-  background-color: #fff !important;
-  padding: 0px !important;
-  overflow: inherit;
-}
-
-.wiki-page-container .sf-slate-viewer-article-container {
-  margin: 0 !important;
-  width: 100%;
-}
-
-.wiki-page-container .sf-slate-viewer-outline {
-  top: 79px;
-  width: 200px;
-}
-
-@media (max-width: 767px) {
-  .wiki-page-container .article {
-    padding: 0 !important;
-  }
-}
-
+/* scroll container */
 /* wiki editor */
-.wiki-editor-container .sdoc-content-wrapper {
-  height: auto;
-}
-
-.wiki-editor-container .sdoc-editor-container {
-  flex: 1;
-  display: flex;
-  min-height: 0;
-}
-
-.sdoc-scroll-container {
+.cur-view-content .sdoc-scroll-container {
   display: flex;
   overflow: auto;
 }
 
-.sdoc-scroll-container .sdoc-article-container {
-  padding-top: 0;
-  padding-bottom: 0;
-  width: 100%;
-}
-
-.sdoc-wiki-outline-container {
-  height: 80%;
-  overflow-y: auto;
-  padding-right: 1rem;
-  position: fixed;
-  right: 0;
-  top: 97px;
-  width: 300px;
-}
-
-.wiki-editor-container .sdoc-editor-container {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-height: auto;
-}
-
-.wiki-editor-container .sdoc-editor-container .wiki-viewer-container {
-  display: flex;
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-}
-
-.sdoc-editor-container .wiki-viewer-container .side-file-bar {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  width: 280px;
-  border-right: 1px solid #e5e5e5;
-}
-
-.sdoc-editor-container .wiki-viewer-container .side-file-bar {
-  padding: 20px;
-}
-
-.sdoc-editor-container .wiki-viewer-container .side-file-bar .file-list .file-item {
-  padding: 20px;
-}
-
-.sdoc-editor-container .wiki-viewer-container .side-file-bar .file-list .file-item.active {
-  background-color: #e5e5e5;
-  font-weight: bold;
-}
-
-.sdoc-editor-container .sdoc-wiki-outline-container {
-  width: 280px;
-}
-
-/* wiki editor style */
-.sdoc-editor-container .article :first-child {
-  margin-top: 0;
-}
-
-.sdoc-editor-container .article {
-  flex: 1;
-  min-height: 800px;
-  padding: 40px 40px 40px 40px;
-  display: flex;
-  justify-content: center;
-}
-
-.sdoc-editor-container .article>div {
-  caret-color: blue;
-}
-
-.sdoc-editor-container .article .sdoc-drag-cover::before {
-  content: ' ';
-  width: 59px;
-  display: inline-block;
-  position: absolute;
-  left: -60px;
-}
-
-.sdoc-editor-container .article .sdoc-draging {
-  border-bottom: 2px solid rgba(35, 131, 226);
-}
-
-.sdoc-editor-container .sdoc-scroll-container {
-  background-color: #fff;
-}
-
-.sdoc-editor-container {
-  display: flex;
-  min-width: 1100px;
-  width: 100%;
-}
-
-.sdoc-editor-container .sdoc-editor-content {
-  flex-direction: column;
-}
-
-.sdoc-editor-container .sdoc-editor-content .article {
-  padding: 15px 142px 0px 142px;
-  width: 100%;
-  box-shadow: none;
-  border: none;
-}
-
-.sdoc-editor-container .sdoc-editor-content .article #sdoc-editor {
-  width: 100%;
-}
-
-/* editor layout */
-.main-panel-center .cur-view-content .wiki-page-gap-container {
-  padding: 0 50px;
-  padding-left: 142px;
-}
-
-.main-panel-center .cur-view-content .sf-wiki-title {
-  padding-left: 0;
-  border: none;
-  font-weight: bold;
-  font-size: 26pt;
-}
-
 .cur-view-content .wiki-editor-container {
   flex: 1;
   display: flex;
@@ -258,14 +49,73 @@ img[src=""] {
   min-height: 0;
 }
 
-.cur-view-content .sdoc-scroll-container {
-  overflow-y: auto;
+.wiki-editor-container .sdoc-editor-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: auto;
+  width: 100%;
+  min-width: 1100px;
 }
 
-.cur-view-content .sdoc-editor-container .sdoc-editor-content {
+.wiki-editor-container .sdoc-editor-container .sdoc-content-wrapper {
+  height: auto;
+}
+
+.wiki-editor-container .sdoc-editor-container .sdoc-editor-content {
+  flex-direction: column;
   position: static;
 }
 
+.sdoc-editor-container .sdoc-article-container {
+  padding-top: 0;
+  padding-bottom: 0;
+  width: 100%;
+}
+
+/* wiki editor article */
+.sdoc-editor-container .sdoc-article-container .article {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  min-height: 800px;
+  width: 100%;
+  padding: 15px 142px 0px 142px;
+  box-shadow: none;
+  border: none;
+}
+
+.sdoc-editor-container .sdoc-article-container .article h1,
+.sdoc-editor-container .sdoc-article-container .article :first-child {
+  margin-top: 0;
+}
+
+.sdoc-editor-container .sdoc-article-container .article>div {
+  caret-color: blue;
+}
+
+.sdoc-editor-container .sdoc-article-container .article .sdoc-drag-cover::before {
+  content: ' ';
+  width: 59px;
+  display: inline-block;
+  position: absolute;
+  left: -60px;
+}
+
+.sdoc-editor-container .sdoc-article-container .article .sdoc-draging {
+  border-bottom: 2px solid rgba(35, 131, 226);
+}
+
+.sdoc-editor-container .sdoc-article-container .article #sdoc-editor {
+  width: 100%;
+}
+
+/* editor layout */
+.main-panel-center .cur-view-content .wiki-page-gap-container {
+  padding: 0 50px;
+  padding-left: 142px;
+}
+
 /* wiki page header */
 .wiki-page-controller {
   display: flex;