diff --git a/web/src/app/shared/components/sort/sort.component.html b/web/src/app/shared/components/sort/sort.component.html
index be7238a40..98cc05b28 100644
--- a/web/src/app/shared/components/sort/sort.component.html
+++ b/web/src/app/shared/components/sort/sort.component.html
@@ -1,8 +1,8 @@
 <div class="sort">
-  <button class="sort__button" mat-stroked-button style="color: #555;" [matMenuTriggerFor]="sortMenu" matTooltip="Sort workbaskets">
+  <button class="sort__button" mat-stroked-button [matMenuTriggerFor]="sortMenu" matTooltip="Sort workbaskets">
     <mat-icon>sort</mat-icon>
 
-    <mat-menu #sortMenu="matMenu">
+    <mat-menu #sortMenu="matMenu" >
       <button mat-menu-item [matMenuTriggerFor]="sortDirection">Sort direction</button>
       <button mat-menu-item [matMenuTriggerFor]="sortValue">Sort value</button>
     </mat-menu>
diff --git a/web/src/app/shared/components/sort/sort.component.scss b/web/src/app/shared/components/sort/sort.component.scss
index 68e7bb39b..3137b9348 100644
--- a/web/src/app/shared/components/sort/sort.component.scss
+++ b/web/src/app/shared/components/sort/sort.component.scss
@@ -7,6 +7,7 @@
 
 .sort__button {
   outline: none;
+  color: #555;
 }
 
 .mat-menu-item {