diff --git a/utils/rangeFilter/rangeFilter.component.html b/utils/rangeFilter/rangeFilter.component.html
index e9cc3522..2bdbc6af 100644
--- a/utils/rangeFilter/rangeFilter.component.html
+++ b/utils/rangeFilter/rangeFilter.component.html
@@ -8,9 +8,10 @@
   </div>
   <div  aria-expanded="false">
     <div>
-      <div class = "uk-animation-fade filterItem searchFilterItem uk-text-small">
-        <div class="searchFilterBoxValues ">
-          <div #input class="uk-width-4-5" input [formInput]="rangeForm" type="year-range" [yearRange]="yearRange" [extendEnter]="onEnter" inputClass="flat small">
+      <div class="uk-animation-fade uk-text-small">
+        <div>
+          <div #input class="uk-width-4-5" input [formInput]="rangeForm" type="year-range" [yearRange]="yearRange" [extendEnter]="onEnter"
+               inputClass="flat small background">
             <div action (click)="yearChanged()" class="action-icon"
                  [class.disabled]="disabled">
               <icon name="chevron_right" [flex]="true"></icon>