diff --git a/frontend/src/css/draft-review.css b/frontend/src/css/draft-review.css
index ef71ece100..b5fb0265cc 100644
--- a/frontend/src/css/draft-review.css
+++ b/frontend/src/css/draft-review.css
@@ -66,6 +66,14 @@
   display: flex;
   margin-right: 10px;
 }
+.seafile-toggle-diff .custom-switch .custom-switch-indicator,
+.seafile-comment-title-toggle .custom-switch .custom-switch-indicator {
+  border: 1px solid #e9ecef;
+}
+.seafile-toggle-diff .custom-switch-input:checked ~ .custom-switch-indicator,
+.seafile-comment-title-toggle .custom-switch-input:checked ~ .custom-switch-indicator {
+  background-color: #f59f00;
+}
 
 .review-side-panel {
   border-left: 1px solid #e6e6dd;
@@ -142,7 +150,7 @@
   text-align: center;
   line-height: 16px;
   font-weight: 600;
-  background-color: #feac74;
+  background-color: #f59f00;
   position: absolute;
   top: 10%;
   right: 30%;
@@ -155,9 +163,13 @@
 .review-side-panel-nav .nav-item {
   width: 33.3%;
 }
-.review-side-panel-nav .nav-item a {
+.review-side-panel-nav .nav-item .nav-link {
   margin: 0 auto;
 }
+.review-side-panel-nav .nav-item .nav-link.active {
+  border-color: #f59f00;
+  color: #f59f00;
+}
 .review-side-panel-nav .nav-item i {
   padding: 0 8px;
   font-size: 1rem;
diff --git a/frontend/src/css/file-history.css b/frontend/src/css/file-history.css
index 5b3455750f..d2b2fab9cf 100644
--- a/frontend/src/css/file-history.css
+++ b/frontend/src/css/file-history.css
@@ -37,19 +37,18 @@
 }
 
 .history-list-container .history-list-item {
-  margin-top: 0.5rem;
   padding: 0 0.8rem;
   display: flex;
   flex: 1;
 }
 
 .history-list-container .history-list-item:hover {
-  background-color: #eee;
+  background-color: #ffe7d5;
 }
 
 .item-active {
   color: #fff;
-  background-color: #feac74 !important;
+  background-color: #fdc297 !important;
 }
 
 .item-active i {