diff --git a/frontend/src/css/empty-tip.css b/frontend/src/css/empty-tip.css
index f9666152eb..ee268fe57d 100644
--- a/frontend/src/css/empty-tip.css
+++ b/frontend/src/css/empty-tip.css
@@ -9,13 +9,14 @@
 
 .empty-tip .no-items-img-tip {
   display: inline-block;
-  margin-bottom: 10px; 
+  margin-bottom: 10px;
 }
 
 .empty-tip .empty-tip-title {
   font-size: 18px;
   font-weight: 500;
   color: #212529;
+  margin-bottom: 10px;
 }
 
 .empty-tip .empty-tip-text {
diff --git a/frontend/src/css/file-history.css b/frontend/src/css/file-history.css
index fa978ee7fc..0fd264a055 100644
--- a/frontend/src/css/file-history.css
+++ b/frontend/src/css/file-history.css
@@ -70,7 +70,7 @@
 }
 
 .history-list-container {
-  flex: 1; 
+  flex: 1;
   flex-direction: column;
   min-height: 0;
   overflow: auto;
diff --git a/frontend/src/css/file-view.css b/frontend/src/css/file-view.css
index ddbf4705b4..ac5e35e7eb 100644
--- a/frontend/src/css/file-view.css
+++ b/frontend/src/css/file-view.css
@@ -55,7 +55,7 @@ body {
 
 .file-star {
   font-size: .875rem;
-  color: #999; 
+  color: #999;
   margin-left: .5rem;
 }
 
diff --git a/frontend/src/css/files.css b/frontend/src/css/files.css
index ac0db358d8..9f1ad8f58f 100644
--- a/frontend/src/css/files.css
+++ b/frontend/src/css/files.css
@@ -3,11 +3,11 @@
 }
 
 .sf-single-selector .options-container.repos-sort-menu {
-   min-width: 215px;
+  min-width: 215px;
 }
 
 #files-content-container td:first-child {
-  text-align: left!important;
+  text-align: left !important;
   padding-left: 20px;
 }
 
diff --git a/frontend/src/css/icon.css b/frontend/src/css/icon.css
index fa018edbcb..cade2dcafe 100644
--- a/frontend/src/css/icon.css
+++ b/frontend/src/css/icon.css
@@ -1,5 +1,5 @@
 .seafile-multicolor-icon {
-  width: 1em; 
+  width: 1em;
   height: 1em;
   fill: currentColor;
   overflow: hidden;
diff --git a/frontend/src/css/image-file-view.css b/frontend/src/css/image-file-view.css
index a412c6f68d..d4d67a2d3d 100644
--- a/frontend/src/css/image-file-view.css
+++ b/frontend/src/css/image-file-view.css
@@ -2,44 +2,50 @@
   position: relative;
   text-align: center;
 }
+
 .image-file-view:before {
-    content: ' '; 
-    display: inline-block;
-    vertical-align: middle;
-    height: 100%;
-    font-size: 0;
-    line-height: 0;
+  content: ' ';
+  display: inline-block;
+  vertical-align: middle;
+  height: 100%;
+  font-size: 0;
+  line-height: 0;
 }
+
 #image-view {
-    padding: 1px; 
-    background: #fff;
-    border: 1px solid #eee;
-    width: auto;
-    height: auto;
-    max-width: calc(100% - 4px);
-    max-height: calc(100% - 4px);
-    font-size: 0;
-    line-height: 0;
+  padding: 1px;
+  background: #fff;
+  border: 1px solid #eee;
+  width: auto;
+  height: auto;
+  max-width: calc(100% - 4px);
+  max-height: calc(100% - 4px);
+  font-size: 0;
+  line-height: 0;
 }
+
 #img-prev,
 #img-next {
-    position:absolute;
-    top:48%;
-    text-decoration:none;
-    color:#888;
-    width:50px;
-    height:50px;
-    background:#fff;
-    border-radius:100%;
-    line-height:50px;
+  position: absolute;
+  top: 48%;
+  text-decoration: none;
+  color: #888;
+  width: 50px;
+  height: 50px;
+  background: #fff;
+  border-radius: 100%;
+  line-height: 50px;
 }
+
 #img-prev {
-    left:15px;
+  left: 15px;
 }
+
 #img-next {
-    right:15px;
+  right: 15px;
 }
+
 #img-prev:hover,
 #img-next:hover {
-    color:#212529;
+  color: #212529;
 }
diff --git a/frontend/src/css/layout.css b/frontend/src/css/layout.css
index 478755c3d4..b6ad2c241f 100644
--- a/frontend/src/css/layout.css
+++ b/frontend/src/css/layout.css
@@ -132,7 +132,7 @@
 
 .cur-view-path .cur-view-path-btn:hover {
   background-color: #EFEFEF;
-  border-radius: 3px;  
+  border-radius: 3px;
 }
 
 .cur-view-path .cur-view-path-btn .sf3-font-down {
@@ -169,7 +169,7 @@
 }
 
 .table-drop-active::before {
-  border: 1px solid rgba(69, 170, 242); 
+  border: 1px solid rgba(69, 170, 242);
   content: '';
   position: absolute;
   display: block;
diff --git a/frontend/src/css/pdf-file-view.css b/frontend/src/css/pdf-file-view.css
index 89fac98e25..a91e21bfb5 100644
--- a/frontend/src/css/pdf-file-view.css
+++ b/frontend/src/css/pdf-file-view.css
@@ -170,7 +170,7 @@ input#pageNumber {
 }
 
 #thumbnailView .thumbnail.selected {
-  background: #f0f0f0; 
+  background: #f0f0f0;
 }
 
 #thumbnailView .thumbnail .thumbnail-page-number {
diff --git a/frontend/src/css/spreadsheet-file-view.css b/frontend/src/css/spreadsheet-file-view.css
index 966eee97ad..de9eb7035b 100644
--- a/frontend/src/css/spreadsheet-file-view.css
+++ b/frontend/src/css/spreadsheet-file-view.css
@@ -1,13 +1,14 @@
 .spreadsheet-file-view {
-    overflow: auto;
+  overflow: auto;
 }
+
 #spreadsheet-container {
-    display: block;
-    width: calc(100% - 40px);
-    max-width: 950px;
-    min-height: 100%;
-    margin: 0 auto;
-    background: #fff;
-    border: 1px solid #ccc;
-    box-shadow: 0 0 6px #ccc;
+  display: block;
+  width: calc(100% - 40px);
+  max-width: 950px;
+  min-height: 100%;
+  margin: 0 auto;
+  background: #fff;
+  border: 1px solid #ccc;
+  box-shadow: 0 0 6px #ccc;
 }
diff --git a/frontend/src/css/subscription.css b/frontend/src/css/subscription.css
index 7b02a0d57a..8fefa12c89 100644
--- a/frontend/src/css/subscription.css
+++ b/frontend/src/css/subscription.css
@@ -1,230 +1,230 @@
 .content {
-    padding: 0rem 1rem 8rem;
-    overflow: auto;
-  }
-  
-  .content .dropdown .btn-outline-primary {
-    color: #f19645;
-    background-color: transparent;
-    background-image: none;
-    border-color: #f19645;
-  }
-  
-  .content .dropdown .btn-outline-primary:hover {
-    color: #fff;
-    background-color: #f19645;
-    border-color: #f19645;
-  }
-  
-  .content .dropdown .btn-outline-primary:focus {
-    box-shadow: 0 0 0 2px rgba(241, 150, 69, 0.5);
-  }
-  
-  .content .dropdown .btn-outline-primary:active {
-    color: #fff;
-    background-color: #f19645;
-    border-color: #f19645;
-  }
-  
-  .content .dropdown .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
-  .content .dropdown .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
-  .content .dropdown .show > .btn-outline-primary.dropdown-toggle:focus {
-    box-shadow: 0 0 0 2px rgba(241, 150, 69, 0.5);
-  }
-  
-  .subscription-info {
-    margin: 1em 0 3em;
-  }
-  
-  .subscription-info-heading {
-    font-size: 1rem;
-    font-weight: normal;
-    padding-bottom: 0.2em;
-    border-bottom: 1px solid #ddd;
-    margin-bottom: 0.7em;
-  }
-  
-  .price-version-container-header {
-    max-width: 90%;
-    border-radius: 10px;
-    padding: 0 1rem 2rem;
-    box-shadow: 0 3px 8px 3px rgba(116, 129, 141, 0.15);
-    overflow: hidden;
-    margin: 0.5rem 1rem;
-  }
-  
-  .price-version-container-header .price-version-container-top {
-    height: 10px;
-    margin: 0 -1rem;
-  }
-  
-  .price-version-container-header .price-version-plan-name {
-    font-size: 1.5rem;
-    padding: 1rem 0;
-    border-bottom: 1px solid #ED7109;
-  }
-  
-  .price-version-container-header .price-table-btn-details {
-    color: #fff;
-    font-size: 1rem;
-  }
-  
-  .price-version-container-header .font-500 {
-    font-weight: 500;
-  }
-  
-  .price-version-container-header .price-version-plan-price {
-    font-size: 2rem;
-  }
-  
-  .price-version-container-header .price-version-plan-whole-price {
-    font-size: 24px;
-  }
-  
-  .price-version-container-header .price-version-plan-valid-day,
-  .price-version-container-header .price-version-plan-user-number {
-    font-size: 18px;
-  }
-  
-  .subscription-container {
-    width: 480px;
-    margin: 0.5rem auto;
-  }
-  
-  .price-version-container-header .user-quota-plan-name {
-    margin-bottom: 24px;
-    text-align: center;
-    border-bottom: 1px solid rgba(253, 150, 68, 0.4);
-  }
-  
-  .subscription-container .items-dl {
-    margin-top: 10px;
-  }
-  
-  .plan-description-item {
-    border: 1px solid #bdbdbd;
-    border-radius: 5px;
-    margin: 0 0 10px;
-    display: flex;
-    justify-content: space-between;
-    background-color: #f9f9f9;
-    line-height: 3;
-    padding: 0 20px;
-    cursor: pointer;
-  }
-  
-  .plan-description-item.plan-selected {
-    background-color: #fff5eb;
-    border-color: #ED7109;
-    border-width: 2px;
-  }
-  
-  .plan-description-item .plan-name {
-    font-size: 20px;
-    font-weight: 500;
-  }
-  
-  .plan-description-item .plan-description {
-    font-size: 20px;
-    font-weight: 500;
-    color: #ED7109;
-  }
-  
-  .order-item {
-    margin: 0px;
-    display: flex;
-    justify-content: space-between;
-    border-left: 1px solid #bdbdbd;
-    border-right: 1px solid #bdbdbd;
-    background-color: #f9f9f9;
-    padding: 5px 20px;
-    line-height: 2;
-  }
-  
-  .order-item.order-item-top {
-    border-top: 1px solid #bdbdbd;
-    border-radius: 5px 5px 0 0;
-  }
-  
-  .order-item.order-item-middle {
-    border-bottom: 1px solid #bdbdbd;
-  }
-  
-  .order-item.order-item-bottom {
-    border-bottom: 1px solid #bdbdbd;
-    border-radius: 0 0 5px 5px;
-  }
-  
-  .order-item .order-into {
-    color: #666666;
-  }
-  
-  .order-item .order-value {
-    font-weight: 500;
-    color: #000;
-  }
-  
-  .order-item .order-value .input-group-append,
-  .order-item .order-value .input-group-prepend {
-    height: 38px;
-  }
-  
-  .order-item .order-price {
-    font-size: 26px;
-    font-weight: 500;
-    color: #ED7109;
-  }
-  
-  .order-item .order-price span:first-child {
-    font-size: 16px;
-  }
-  
-  .subscription-submit {
-    background-color: #ED7109;
-    border-radius: 5px;
-    width: 100%;
-    margin-bottom: 10px;
-    color: white;
-    height: 44px;
-    font-size: 16px;
-  }
-  
-  .subscription-notice {
-    font-size: 14px;
-    color: #9a9a9a;
-  }
-  
-  .subscription-container .subscription-subtitle {
-    font-size: 18px;
-    font-weight: 500;
-  }
-  
-  .subscription-container .subscription-list.order-item-top.order-item-bottom {
-    border-radius: 5px;
-  }
-  
-  .subscription-container .subscription-list span {
-    height: 36px;
-    line-height: 36px;
-  }
-  
-  .subscription-container .text-orange {
-    color: #ED7109 !important;
-  }
-  
-  .user-numbers.input-group .input-group-prepend {
-    width: 50%;
-  }
-  
-  .space-quota .input-group .input-group-append,
-  .space-quota .input-group .input-group-prepend {
-    width: 33.33%;
-  }
-  
-  .subscription-add-space .input-group .input-group-append .input-group-text,
-  .price-version-container-header .input-group .input-group-prepend .input-group-text {
-    width: 100%;
-    text-align: center;
-    font-weight: 500;
-    display: block;
-  }
+  padding: 0rem 1rem 8rem;
+  overflow: auto;
+}
+
+.content .dropdown .btn-outline-primary {
+  color: #f19645;
+  background-color: transparent;
+  background-image: none;
+  border-color: #f19645;
+}
+
+.content .dropdown .btn-outline-primary:hover {
+  color: #fff;
+  background-color: #f19645;
+  border-color: #f19645;
+}
+
+.content .dropdown .btn-outline-primary:focus {
+  box-shadow: 0 0 0 2px rgba(241, 150, 69, 0.5);
+}
+
+.content .dropdown .btn-outline-primary:active {
+  color: #fff;
+  background-color: #f19645;
+  border-color: #f19645;
+}
+
+.content .dropdown .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+.content .dropdown .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.content .dropdown .show>.btn-outline-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 2px rgba(241, 150, 69, 0.5);
+}
+
+.subscription-info {
+  margin: 1em 0 3em;
+}
+
+.subscription-info-heading {
+  font-size: 1rem;
+  font-weight: normal;
+  padding-bottom: 0.2em;
+  border-bottom: 1px solid #ddd;
+  margin-bottom: 0.7em;
+}
+
+.price-version-container-header {
+  max-width: 90%;
+  border-radius: 10px;
+  padding: 0 1rem 2rem;
+  box-shadow: 0 3px 8px 3px rgba(116, 129, 141, 0.15);
+  overflow: hidden;
+  margin: 0.5rem 1rem;
+}
+
+.price-version-container-header .price-version-container-top {
+  height: 10px;
+  margin: 0 -1rem;
+}
+
+.price-version-container-header .price-version-plan-name {
+  font-size: 1.5rem;
+  padding: 1rem 0;
+  border-bottom: 1px solid #ED7109;
+}
+
+.price-version-container-header .price-table-btn-details {
+  color: #fff;
+  font-size: 1rem;
+}
+
+.price-version-container-header .font-500 {
+  font-weight: 500;
+}
+
+.price-version-container-header .price-version-plan-price {
+  font-size: 2rem;
+}
+
+.price-version-container-header .price-version-plan-whole-price {
+  font-size: 24px;
+}
+
+.price-version-container-header .price-version-plan-valid-day,
+.price-version-container-header .price-version-plan-user-number {
+  font-size: 18px;
+}
+
+.subscription-container {
+  width: 480px;
+  margin: 0.5rem auto;
+}
+
+.price-version-container-header .user-quota-plan-name {
+  margin-bottom: 24px;
+  text-align: center;
+  border-bottom: 1px solid rgba(253, 150, 68, 0.4);
+}
+
+.subscription-container .items-dl {
+  margin-top: 10px;
+}
+
+.plan-description-item {
+  border: 1px solid #bdbdbd;
+  border-radius: 5px;
+  margin: 0 0 10px;
+  display: flex;
+  justify-content: space-between;
+  background-color: #f9f9f9;
+  line-height: 3;
+  padding: 0 20px;
+  cursor: pointer;
+}
+
+.plan-description-item.plan-selected {
+  background-color: #fff5eb;
+  border-color: #ED7109;
+  border-width: 2px;
+}
+
+.plan-description-item .plan-name {
+  font-size: 20px;
+  font-weight: 500;
+}
+
+.plan-description-item .plan-description {
+  font-size: 20px;
+  font-weight: 500;
+  color: #ED7109;
+}
+
+.order-item {
+  margin: 0px;
+  display: flex;
+  justify-content: space-between;
+  border-left: 1px solid #bdbdbd;
+  border-right: 1px solid #bdbdbd;
+  background-color: #f9f9f9;
+  padding: 5px 20px;
+  line-height: 2;
+}
+
+.order-item.order-item-top {
+  border-top: 1px solid #bdbdbd;
+  border-radius: 5px 5px 0 0;
+}
+
+.order-item.order-item-middle {
+  border-bottom: 1px solid #bdbdbd;
+}
+
+.order-item.order-item-bottom {
+  border-bottom: 1px solid #bdbdbd;
+  border-radius: 0 0 5px 5px;
+}
+
+.order-item .order-into {
+  color: #666666;
+}
+
+.order-item .order-value {
+  font-weight: 500;
+  color: #000;
+}
+
+.order-item .order-value .input-group-append,
+.order-item .order-value .input-group-prepend {
+  height: 38px;
+}
+
+.order-item .order-price {
+  font-size: 26px;
+  font-weight: 500;
+  color: #ED7109;
+}
+
+.order-item .order-price span:first-child {
+  font-size: 16px;
+}
+
+.subscription-submit {
+  background-color: #ED7109;
+  border-radius: 5px;
+  width: 100%;
+  margin-bottom: 10px;
+  color: white;
+  height: 44px;
+  font-size: 16px;
+}
+
+.subscription-notice {
+  font-size: 14px;
+  color: #9a9a9a;
+}
+
+.subscription-container .subscription-subtitle {
+  font-size: 18px;
+  font-weight: 500;
+}
+
+.subscription-container .subscription-list.order-item-top.order-item-bottom {
+  border-radius: 5px;
+}
+
+.subscription-container .subscription-list span {
+  height: 36px;
+  line-height: 36px;
+}
+
+.subscription-container .text-orange {
+  color: #ED7109 !important;
+}
+
+.user-numbers.input-group .input-group-prepend {
+  width: 50%;
+}
+
+.space-quota .input-group .input-group-append,
+.space-quota .input-group .input-group-prepend {
+  width: 33.33%;
+}
+
+.subscription-add-space .input-group .input-group-append .input-group-text,
+.price-version-container-header .input-group .input-group-prepend .input-group-text {
+  width: 100%;
+  text-align: center;
+  font-weight: 500;
+  display: block;
+}
diff --git a/frontend/src/css/svg-file-view.css b/frontend/src/css/svg-file-view.css
index 08a7d6cf9b..9e25bbfc68 100644
--- a/frontend/src/css/svg-file-view.css
+++ b/frontend/src/css/svg-file-view.css
@@ -2,15 +2,17 @@
   position: relative;
   text-align: center;
 }
+
 .svg-file-view:before {
-    content: ' '; 
-    display: inline-block;
-    vertical-align: middle;
-    height: 100%;
-    font-size: 0;
-    line-height: 0;
+  content: ' ';
+  display: inline-block;
+  vertical-align: middle;
+  height: 100%;
+  font-size: 0;
+  line-height: 0;
 }
+
 #svg-view {
-    max-width: 100%;
-    max-height: 100%;
+  max-width: 100%;
+  max-height: 100%;
 }
diff --git a/frontend/src/css/system-admin-web-settings.css b/frontend/src/css/system-admin-web-settings.css
index 6925645cd7..77ac54046c 100644
--- a/frontend/src/css/system-admin-web-settings.css
+++ b/frontend/src/css/system-admin-web-settings.css
@@ -3,15 +3,19 @@
   line-height: 1.5;
   min-width: 0;
 }
+
 .web-setting-icon-btn-submit {
   color: green;
 }
+
 .web-setting-icon-btn-cancel {
   color: #666;
 }
+
 .web-setting-textarea {
   min-height: 7rem;
 }
+
 .web-setting-label {
   word-break: break-word;
 }
diff --git a/frontend/src/css/system-notification.css b/frontend/src/css/system-notification.css
index 39664e34e4..a0313fafd7 100644
--- a/frontend/src/css/system-notification.css
+++ b/frontend/src/css/system-notification.css
@@ -3,12 +3,14 @@
   padding: 4px 10px;
   background: #fddaa4;
 }
+
 #info-bar .close {
   font-size: 16px;
   line-height: 1;
   color: #888;
   cursor: pointer;
 }
+
 #info-bar-info a {
   color: #a68558;
   text-decoration: underline;
diff --git a/frontend/src/css/text-file-view.css b/frontend/src/css/text-file-view.css
index 881177a2e9..9890139935 100644
--- a/frontend/src/css/text-file-view.css
+++ b/frontend/src/css/text-file-view.css
@@ -1,3 +1,3 @@
 .text-file-view {
-    overflow: auto;
+  overflow: auto;
 }
diff --git a/frontend/src/css/tip-for-new-file.css b/frontend/src/css/tip-for-new-file.css
index 5ee370ad9d..8fd6762e51 100644
--- a/frontend/src/css/tip-for-new-file.css
+++ b/frontend/src/css/tip-for-new-file.css
@@ -1,22 +1,26 @@
 .tip-for-new-file {
   margin: 0 auto;
   padding: 2em 1em;
-  align-self: flex-start; /* for repo wiki mode */
+  align-self: flex-start;
+  /* for repo wiki mode */
 }
+
 @media (min-width: 768px) {
   .tip-for-new-file {
     padding: 5em 8em;
   }
 }
+
 .big-new-file-button {
-  padding: .9em 2em 1em; 
-  border-radius: 8px; 
+  padding: .9em 2em 1em;
+  border-radius: 8px;
   margin: 0 0.75em 1.5em;
   cursor: pointer;
   width: 160px;
   background: #fff;
   border: 1px solid #d1d1d1;
 }
+
 .big-new-file-button:hover,
 .big-new-file-button:focus {
   border-color: #eb9205;
diff --git a/frontend/src/css/transfer-dialog.css b/frontend/src/css/transfer-dialog.css
index 981edd3715..fb87effec3 100644
--- a/frontend/src/css/transfer-dialog.css
+++ b/frontend/src/css/transfer-dialog.css
@@ -1,8 +1,8 @@
 .transfer-dialog .transfer-dialog-content {
-    padding: 0;
-    min-height: 22.5rem;
-    display: flex;
-    flex-direction: column;
+  padding: 0;
+  min-height: 22.5rem;
+  display: flex;
+  flex-direction: column;
 }
 
 @media (min-width: 768px) {
@@ -12,41 +12,43 @@
 }
 
 .transfer-dialog-content .transfer-dialog-side {
-    flex-basis: 29%;
-    padding: 1rem;
-    border-bottom: 1px solid #eee;
+  flex-basis: 29%;
+  padding: 1rem;
+  border-bottom: 1px solid #eee;
 }
 
 .transfer-dialog .nav .nav-item .nav-link {
-    padding: 0.3125rem 0.25rem;
+  padding: 0.3125rem 0.25rem;
 }
 
 @media (min-width: 768px) {
-   .transfer-dialog-content .transfer-dialog-side {
-      padding: 12px 8px;
-      border: 0;
-      border-right: 1px solid #eee;
-    }
-    .transfer-dialog-side .nav {
-       flex-direction: column;
-     }
-    .transfer-dialog-side .nav-pills .nav-item .nav-link {
-       width: 100%;
-       padding: 0.3125rem 0.5rem;
-       margin: 0;
-     }
+  .transfer-dialog-content .transfer-dialog-side {
+    padding: 12px 8px;
+    border: 0;
+    border-right: 1px solid #eee;
   }
-  
- .transfer-dialog-content .transfer-dialog-main {
-      display: flex;
-      flex-basis: 78%;
-      padding: 1rem;
+
+  .transfer-dialog-side .nav {
+    flex-direction: column;
   }
- 
- .transfer-dialog-content .transfer-dialog-main .tab-content {
-      flex: 1;
+
+  .transfer-dialog-side .nav-pills .nav-item .nav-link {
+    width: 100%;
+    padding: 0.3125rem 0.5rem;
+    margin: 0;
   }
-  
- .transfer-dialog-content .transfer-dialog-main .tab-pane {
-      height: 100%;
-  }
\ No newline at end of file
+}
+
+.transfer-dialog-content .transfer-dialog-main {
+  display: flex;
+  flex-basis: 78%;
+  padding: 1rem;
+}
+
+.transfer-dialog-content .transfer-dialog-main .tab-content {
+  flex: 1;
+}
+
+.transfer-dialog-content .transfer-dialog-main .tab-pane {
+  height: 100%;
+}
diff --git a/frontend/src/css/tree-view-contextmenu.css b/frontend/src/css/tree-view-contextmenu.css
index 6d1b867631..e0ca4ee132 100644
--- a/frontend/src/css/tree-view-contextmenu.css
+++ b/frontend/src/css/tree-view-contextmenu.css
@@ -38,6 +38,7 @@
   border: 0;
   cursor: pointer;
 }
+
 .right-tree-item:hover {
   color: #15181A;
   background-color: #F8F9FA;
diff --git a/frontend/src/metadata/metadata-view/components/detail-editor/checkbox-editor/index.css b/frontend/src/metadata/metadata-view/components/detail-editor/checkbox-editor/index.css
index 72fca47172..484ccdc4eb 100644
--- a/frontend/src/metadata/metadata-view/components/detail-editor/checkbox-editor/index.css
+++ b/frontend/src/metadata/metadata-view/components/detail-editor/checkbox-editor/index.css
@@ -1,6 +1,6 @@
 .sf-metadata-checkbox-property-detail-editor {
   height: 100%;
-  width: 100%;  
+  width: 100%;
   padding: 7px 6px;
   cursor: pointer;
 }
diff --git a/frontend/src/pages/wikis/wikis.js b/frontend/src/pages/wikis/wikis.js
index f4978656e7..3253499a8b 100644
--- a/frontend/src/pages/wikis/wikis.js
+++ b/frontend/src/pages/wikis/wikis.js
@@ -308,8 +308,8 @@ class Wikis extends Component {
             {(!this.state.loading && this.state.wikis.length === 0 && this.state.groupWikis.length === 0) &&
               <div className="cur-view-content">
                 <EmptyTip title={gettext('No Wikis')}>
-                  <p>{gettext('You do not have any wikis yet.')}</p>
-                  <p>{gettext('You can add a wiki by clicking the "Add Wiki" button in the menu.')}</p>
+                  <p className="empty-tip-text">{gettext('You do not have any wikis yet.')}</p>
+                  <p className="empty-tip-text">{gettext('You can add a wiki by clicking the "Add Wiki" button in the menu.')}</p>
                 </EmptyTip>
               </div>
             }