Background orange on sorted columns

1 files changed, 8 insertions, 2 deletions

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 9a93411e9..9d347d566 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -182,11 +182,18 @@ p-datatable {
     font-weight: $font-semibold !important;
     color: #000 !important;
 
-    &.ui-state-active, &.ui-sortable-column:hover {
+    &.ui-sortable-column:hover:not(.ui-state-active) {
       background-color: #f0f0f0 !important;
       border: 1px solid #f0f0f0 !important;
       border-width: 0 1px !important;
     }
+
+    &.ui-state-active {
+      color: #fff !important;
+      background-color: $orange-color !important;
+      border: 1px solid $orange-color !important;
+      border-width: 0 1px !important;
+    }
   }
 
   .action-cell {
@@ -281,7 +288,6 @@ p-datatable {
   }
 }
 
-
 .orange-button {
   @include peertube-button;
   @include orange-button;