diff --git a/assets/scss/doc.scss b/assets/scss/doc.scss
index 57553894a..dcb369ec0 100644
--- a/assets/scss/doc.scss
+++ b/assets/scss/doc.scss
@@ -794,7 +794,7 @@ footer {
     }
 }
 
-.feedback-div {
+.feedback-section {
     margin-top: 40px;
 
     .title {
diff --git a/i18n/en.yaml b/i18n/en.yaml
index cc7620cce..87852fb61 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -133,4 +133,4 @@
 - id: 'No'
   translation: 'No'
 - id: Msg-Thank
-  translation: Thanks for the feedback. If you have a specific question about how to use KubeSphere, ask it on Slack. Open an issue in the GitHub repo if you want to report a problem or suggest an improvement.
+  translation: Thanks for the feedback. If you have a specific question about how to use KubeSphere, ask it on Slack. Open an issue in the GitHub repo if you want to report a problem or suggest an improvement.
\ No newline at end of file
diff --git a/layouts/docs/single.html b/layouts/docs/single.html
index ffa44c105..4092d3ec5 100644
--- a/layouts/docs/single.html
+++ b/layouts/docs/single.html
@@ -122,7 +122,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                     <div class="md-body">
                         <h1>{{ .Title }}</h1>
                         {{ .Content }}
-                        <section class="feedback-div">
+                        <section class="feedback-section">
                             <p class="title">{{ i18n "feedback"}}</p>
                             <p>{{i18n "Was this page Helpful?"}}</p>
                             <button class="Yes">{{ i18n "Yes" }}</button>