diff --git a/searchPages/searchUtils/quick-selections.component.ts b/searchPages/searchUtils/quick-selections.component.ts
index b9c2dda9..0ff75b04 100644
--- a/searchPages/searchUtils/quick-selections.component.ts
+++ b/searchPages/searchUtils/quick-selections.component.ts
@@ -49,22 +49,22 @@ import {debounceTime} from "rxjs/operators";
           <div>
             <div *ngIf="showPublications" class="uk-animation-fade filterItem searchFilterItem uk-text-small ng-star-inserted">
               <div title="Publications">
-                <label class="ng-star-inserted"><input type="checkbox" id="publ" name="Publications" formControlName="publication" (change)="changed()"> Publications</label>
+                <label class="ng-star-inserted"><input class="uk-checkbox" type="checkbox" id="publ" name="Publications" formControlName="publication" (change)="changed()"> Publications</label>
               </div>
             </div>
             <div *ngIf="showDatasets"  class="uk-animation-fade filterItem searchFilterItem uk-text-small ng-star-inserted">
               <div title="Research data">
-                <label class="ng-star-inserted"><input type="checkbox" formControlName="dataset" (change)="changed()"> Research data </label>
+                <label class="ng-star-inserted"><input class="uk-checkbox" type="checkbox" formControlName="dataset" (change)="changed()"> Research data </label>
               </div>
             </div>
             <div *ngIf="showSoftware" class="uk-animation-fade filterItem searchFilterItem uk-text-small ng-star-inserted">
               <div title="Software">
-                <label class="ng-star-inserted"> <input type="checkbox" formControlName="software" (change)="changed()"> Software</label>
+                <label class="ng-star-inserted"> <input class="uk-checkbox" type="checkbox" formControlName="software" (change)="changed()"> Software</label>
               </div>
             </div>
             <div *ngIf="showOrp" class="uk-animation-fade filterItem searchFilterItem uk-text-small ng-star-inserted">
               <div title=" Other research products">
-                <label class="ng-star-inserted"><input type="checkbox" formControlName="other" (change)="changed()"> Other research products</label>
+                <label class="ng-star-inserted"><input class="uk-checkbox" type="checkbox" formControlName="other" (change)="changed()"> Other research products</label>
               </div>
             </div>
           </div>
diff --git a/searchPages/searchUtils/searchFilter.component.html b/searchPages/searchUtils/searchFilter.component.html
index f54fbb09..a42c739c 100644
--- a/searchPages/searchUtils/searchFilter.component.html
+++ b/searchPages/searchUtils/searchFilter.component.html
@@ -37,10 +37,10 @@
                class="uk-animation-fade filterItem searchFilterItem uk-text-small">
             <div title = "{{value.name}}">
               <label *ngIf="filter.filterType == 'checkbox' || filter.filterType == 'radio'">
-                <input *ngIf="filter.filterType == 'checkbox'" type="checkbox"
+                <input *ngIf="filter.filterType == 'checkbox'" type="checkbox" class="uk-checkbox"
                        [disabled]="isDisabled || (showResultCount && value.number === 0)"
                        [(ngModel)]="value.selected" (ngModelChange)="filterChange(value.selected)" />
-                <input *ngIf="filter.filterType == 'radio'" type="radio"
+                <input *ngIf="filter.filterType == 'radio'" type="radio" class="uk-radio"
                        [disabled]="isDisabled || (showResultCount && value.number === 0)"
                        [name]=filter.filterId  [value]="true" [(ngModel)]="value.selected" (click)="uniqueFilterChange(value)"/>
                 {{' '+_formatName(value)}}