diff --git a/portal-2/src/app/searchPages/searchUtils/searchFilter.component.ts b/portal-2/src/app/searchPages/searchUtils/searchFilter.component.ts
index d6946874..163b1198 100644
--- a/portal-2/src/app/searchPages/searchUtils/searchFilter.component.ts
+++ b/portal-2/src/app/searchPages/searchUtils/searchFilter.component.ts
@@ -17,14 +17,16 @@ import {Open} from '../../utils/modal/open.component';
 
                <span class="filterName"><div title = "{{value.name}}">
                <input [disabled]="isDisabled" [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" />
-               {{_formatName(value)}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
+               {{_formatName(value)}} </div></span>
+               <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
             </div>
             <!--div class="uk-grid-divider uk-margin-remove"></div-->
             <hr *ngIf="getSelectedValues(filter).length > 0 && getNotSelectedValues(filter).length > 0" class="uk-grid-divider uk-margin-remove">
             <div *ngFor = "let value of getNotSelectedValues(filter).slice(0,5-getSelectedValues(filter).length)" class = "uk-animation-fade filterItem">
 
                <span class="filterName"><div title = "{{value.name}}"> <input [disabled]="isDisabled" [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" />
-               {{_formatName(value)}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
+               {{_formatName(value)}} </div></span>
+               <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
             </div>
 
             <a *ngIf="(getSelectedValues(filter).length + getNotSelectedValues(filter).length) > 5" (click)="toggle()" [class]="(isDisabled)?'uk-disabled uk-link-muted':''">Show More</a>
diff --git a/portal-2/src/app/searchPages/searchUtils/searchFilterModal.component.ts b/portal-2/src/app/searchPages/searchUtils/searchFilterModal.component.ts
index ca59eddf..bb0ed624 100644
--- a/portal-2/src/app/searchPages/searchUtils/searchFilterModal.component.ts
+++ b/portal-2/src/app/searchPages/searchUtils/searchFilterModal.component.ts
@@ -21,13 +21,15 @@ import { Filter} from './searchHelperClasses.class';
 
            <span class="filterName"><div title = "{{value.name}}">
            <input [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterModalChange(value.selected)">
-           {{value.name}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
+           {{value.name}} </div></span>
+           <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
         </div>
         <hr *ngIf="getSelectedValues(filter).length > 0 && getNotSelectedValues(filter).length > 0" class="uk-grid-divider uk-margin-remove">
         <div *ngFor = "let value of getNotSelectedValues(filter)" class = "uk-animation-fade filterItem">
            <span class="filterName"><div title = "{{value.name}}">
            <input [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterModalChange(value.selected)">
-           {{value.name}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
+           {{value.name}} </div></span>
+           <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>
         </div>
       </div>
     </div>