diff --git a/site/theme/static/common.less b/site/theme/static/common.less
index 9d73fb21e390..59a3679f0775 100644
--- a/site/theme/static/common.less
+++ b/site/theme/static/common.less
@@ -130,3 +130,7 @@ a {
 .drawer {
   z-index: 1029;
 }
+
+#_hj_feedback_container .path1:before {
+  color: @primary-color !important;
+}
diff --git a/site/theme/static/index.less b/site/theme/static/index.less
index 07b643d90a32..56b3834b6c99 100644
--- a/site/theme/static/index.less
+++ b/site/theme/static/index.less
@@ -20,3 +20,4 @@
 @import './responsive';
 @import './theme';
 @import './docsearch';
+@import './nprogress';
diff --git a/site/theme/static/nprogress.less b/site/theme/static/nprogress.less
index 2bde8229c31c..258bb7206d77 100644
--- a/site/theme/static/nprogress.less
+++ b/site/theme/static/nprogress.less
@@ -1,62 +1,14 @@
-/* Make clicks pass-through */
 #nprogress {
-  pointer-events: none;
-}
-
-#nprogress .bar {
-  background: @primary-color;
-  position: fixed;
-  z-index: 1031;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 2px;
-  border-radius: 10px;
-}
-
-/* Fancy blur effect */
-#nprogress .peg {
-  display: block;
-  position: absolute;
-  right: 0;
-  width: 100px;
-  height: 100%;
-  box-shadow: 0 0 10px @primary-color, 0 0 5px @primary-color;
-  opacity: 1;
-  transform: rotate(3deg) translate(0, -4px);
-}
-
-/* Remove these to get rid of the spinner */
-#nprogress .spinner {
-  display: block;
-  position: fixed;
-  z-index: 1031;
-  top: 15px;
-  right: 15px;
-}
-
-#nprogress .spinner-icon {
-  width: 18px;
-  height: 18px;
-  box-sizing: border-box;
-  border: solid 2px transparent;
-  border-top-color: @primary-color;
-  border-left-color: @primary-color;
-  border-radius: 50%;
-  animation: nprogress-spinner 400ms linear infinite;
-}
-
-.nprogress-custom-parent {
-  overflow: hidden;
-  position: relative;
-}
-
-.nprogress-custom-parent #nprogress .spinner,
-.nprogress-custom-parent #nprogress .bar {
-  position: absolute;
-}
-
-@keyframes nprogress-spinner {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  .bar {
+    background: @primary-color;
+  }
+
+  .peg {
+    box-shadow: 0 0 10px @primary-color, 0 0 5px @primary-color;
+  }
+
+  .spinner-icon {
+    border-top-color: @primary-color;
+    border-left-color: @primary-color;
+  }
 }