diff --git a/assets/scss/common.scss b/assets/scss/common.scss
index 53a5c7586..6d3fa8270 100644
--- a/assets/scss/common.scss
+++ b/assets/scss/common.scss
@@ -248,6 +248,10 @@ section {
     border: none;
     outline: none;
     color: #657480;
+
+    &::placeholder {
+      color:#919aa3;
+    }
   }
 
   svg {
diff --git a/assets/scss/content.scss b/assets/scss/content.scss
index 9171b7288..6cf856051 100644
--- a/assets/scss/content.scss
+++ b/assets/scss/content.scss
@@ -72,7 +72,7 @@
       .content {
 
         .md-body {
-          font-size: 14px;
+          font-size: 16px;
           line-height: 2.29;
           color: #36435c;
         }
diff --git a/assets/scss/doc.scss b/assets/scss/doc.scss
index 447d56aa1..abe4131a5 100644
--- a/assets/scss/doc.scss
+++ b/assets/scss/doc.scss
@@ -189,9 +189,11 @@ body {
             }
     
             p {
+                position: relative;
                 cursor: pointer;
                 margin: 5px 0;
                 font-size: 0;
+                padding-left: 15px;
 
                 span {
                     font-size: 14px;
@@ -199,6 +201,9 @@ body {
 
                 .arrow {
                     display: inline-block;
+                    position: absolute;
+                    top: 5px;
+                    left: 0;
                     width: 0;
                     height: 0;
                     margin-right: 5px;
@@ -206,7 +211,7 @@ body {
                     border-left-color: #aeb8c1;
                 }
                 .arrow-open {
-                    transform: rotate(90deg) translateX(3px);
+                    transform: rotate(90deg) translate(3px, 3px);
                 }
             }
 
diff --git a/assets/scss/reset.scss b/assets/scss/reset.scss
index 8c729caa0..fa465b3fd 100644
--- a/assets/scss/reset.scss
+++ b/assets/scss/reset.scss
@@ -14,6 +14,10 @@ a{
   color: black;
 }
 
+button {
+  outline: none;
+}
+
 img{
   border: 0;
 }
diff --git a/i18n/en.yaml b/i18n/en.yaml
index 35f133ff1..a97f203ff 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -78,6 +78,7 @@
   translation: Info
 - id: warning
   translation: Warning
-
+- id: Enter keywords to get help quickly
+  translation: Enter keywords to get help quickly
 
 
diff --git a/i18n/zh.yaml b/i18n/zh.yaml
index 216e354a3..b968d48e4 100644
--- a/i18n/zh.yaml
+++ b/i18n/zh.yaml
@@ -77,4 +77,6 @@
 - id: info
   translation: 信息
 - id: warning
-  translation: 警告
\ No newline at end of file
+  translation: 警告
+- id: Enter keywords to get help quickly
+  translation: 输入关键字快速获取帮助
\ No newline at end of file
diff --git a/layouts/partials/searchInput.html b/layouts/partials/searchInput.html
index 3e1cf4283..aea20087d 100644
--- a/layouts/partials/searchInput.html
+++ b/layouts/partials/searchInput.html
@@ -1,5 +1,5 @@
 <div class="search-input-div">
-  <input id="search" type="text">
+  <input id="search" type="text" placeholder="{{i18n "Enter keywords to get help quickly"}}">
   <svg width="1em" height="1em" viewBox="0 0 18 18">
     <g fill="none" fill-rule="evenodd">
       <path d="M12.606 11.192l5.24 5.24-1.415 1.414-5.239-5.24a7.041 7.041 0 0 0 1.414-1.414z" fill="#324558"></path>