diff --git a/web/src/app/administration/components/access-items-management/access-items-management.component.scss b/web/src/app/administration/components/access-items-management/access-items-management.component.scss
index 8861452c7..1ec9ebcc3 100644
--- a/web/src/app/administration/components/access-items-management/access-items-management.component.scss
+++ b/web/src/app/administration/components/access-items-management/access-items-management.component.scss
@@ -15,8 +15,8 @@
 }
 
 .has-changes {
-    border-bottom: 1px solid $brown;
-  }
+  border-bottom: 1px solid $brown;
+}
 
 .table > thead > tr > th {
   max-width: 150px;
diff --git a/web/src/app/app.component.scss b/web/src/app/app.component.scss
index b44db0c5d..2f9fe605e 100644
--- a/web/src/app/app.component.scss
+++ b/web/src/app/app.component.scss
@@ -22,8 +22,8 @@
 }
 
 .sidenav__drawer__container {
-  display:flex;
-  flex-direction:row;
+  display: flex;
+  flex-direction: row;
   justify-content: space-between;
   color: white;
   margin-top: 5px;
@@ -36,7 +36,6 @@
 .sidenav__drawer__container-logout {
   text-align: end;
   margin-right: 15px;
-  
 }
 
 .sidenav__drawer-version {
diff --git a/web/src/app/shared/components/sort/sort.component.html b/web/src/app/shared/components/sort/sort.component.html
index 269e6eb0d..be7238a40 100644
--- a/web/src/app/shared/components/sort/sort.component.html
+++ b/web/src/app/shared/components/sort/sort.component.html
@@ -1,5 +1,5 @@
 <div class="sort">
-  <button mat-stroked-button style="color: #555;" [matMenuTriggerFor]="sortMenu" matTooltip="Sort workbaskets">
+  <button class="sort__button" mat-stroked-button style="color: #555;" [matMenuTriggerFor]="sortMenu" matTooltip="Sort workbaskets">
     <mat-icon>sort</mat-icon>
 
     <mat-menu #sortMenu="matMenu">
@@ -38,7 +38,7 @@
     <mat-menu #sortValue="matMenu">
       <button mat-menu-item *ngFor="let sortingField of sortingFields | mapValues"
               (click)="changeSortBy(sortingField.key)">
-        <span *ngIf="sortingField.value.toLowerCase() === sort.sortBy; else coloredValue" class="sort__selected-value">
+        <span class="{{sortingField.key === sort.sortBy  ? 'sort__selected-value' : ''}}">
           {{sortingField.value}}
         </span>
         <ng-template #coloredValue>
diff --git a/web/src/app/shared/components/sort/sort.component.scss b/web/src/app/shared/components/sort/sort.component.scss
index d6f5f97db..68e7bb39b 100644
--- a/web/src/app/shared/components/sort/sort.component.scss
+++ b/web/src/app/shared/components/sort/sort.component.scss
@@ -4,3 +4,11 @@
   color: $aquamarine;
   font-weight: bold;
 }
+
+.sort__button {
+  outline: none;
+}
+
+.mat-menu-item {
+  outline: none;
+}
diff --git a/web/src/app/shared/components/sort/sort.component.ts b/web/src/app/shared/components/sort/sort.component.ts
index 81ab8e1bb..3d3ec73bd 100644
--- a/web/src/app/shared/components/sort/sort.component.ts
+++ b/web/src/app/shared/components/sort/sort.component.ts
@@ -9,7 +9,7 @@ import { Direction, Sorting } from 'app/shared/models/sorting';
 export class SortComponent implements OnInit {
   @Input() sortingFields: Map<string, string>;
   @Input() menuPosition = 'right';
-  @Input() defaultSortBy = 'key';
+  @Input() defaultSortBy = 'access-id';
 
   @Output() performSorting = new EventEmitter<Sorting>();
 
@@ -26,6 +26,7 @@ export class SortComponent implements OnInit {
 
   changeSortBy(sortBy: string) {
     this.sort.sortBy = sortBy;
+    console.log(sortBy);
     this.search();
   }