diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index d0772f44..f97d46d4 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -4,7 +4,7 @@
     refineFields.indexOf(customFilter.queryFieldName) ==
     -1) ||customFilter.isHiddenFilter)">
         <span class="uk-width-auto">
-          <span class="filter-tag uk-flex uk-flex-middle">
+          <span class="uk-label uk-flex uk-flex-middle">
               <span class="uk-margin-small-right uk-width-expand">{{customFilter.valueName}}</span>
           </span>
         </span>
@@ -15,9 +15,9 @@
           <span class="uk-width-auto">
             <a [attr.uk-tooltip]="'Remove ' + type.name" (click)="removeResultType(type.id)"
                [class.uk-disabled]="disabled">
-              <span class="filter-tag uk-flex uk-flex-middle">
+              <span class="uk-label uk-flex uk-flex-middle">
                   <span class="uk-margin-small-right uk-width-expand">{{type.name}}</span>
-                  <icon name="close" flex="true" ratio="0.7"></icon>
+                  <icon class="uk-text-muted" name="close" flex="true" ratio="0.7"></icon>
               </span>
             </a>
           </span>
@@ -30,9 +30,9 @@
           <span class="uk-width-auto">
             <a [attr.uk-tooltip]="'Remove ' + filter.selectedFromAndToValues" (click)="removeRangeFilter(filter)"
                [class.uk-disabled]="disabled">
-              <span class="filter-tag uk-flex uk-flex-middle">
+              <span class="uk-label uk-flex uk-flex-middle">
                   <span class="uk-margin-small-right uk-width-expand">{{filter.selectedFromAndToValues}}</span>
-                  <icon name="close" flex="true" ratio="0.7"></icon>
+                  <icon class="uk-text-muted" name="close" flex="true" ratio="0.7"></icon>
               </span>
             </a>
           </span>
@@ -46,9 +46,9 @@
                     class="uk-width-auto">
                 <a [attr.uk-tooltip]="'Remove ' + value.name" (click)="removeFilter(value, filter)"
                    [class.uk-disabled]="disabled">
-                  <span class="filter-tag uk-flex uk-flex-middle">
+                  <span class="uk-label uk-flex uk-flex-middle">
                       <span class="uk-margin-small-right uk-width-expand">{{value.name}}</span>
-                      <icon name="close" flex="true" ratio="0.7"></icon>
+                      <icon class="uk-text-muted" name="close" flex="true" ratio="0.7"></icon>
                   </span>
                 </a>
               </span>
diff --git a/sharedComponents/quick-contact/quick-contact.component.css b/sharedComponents/quick-contact/quick-contact.component.css
index 5834bbe3..d9e0a99d 100644
--- a/sharedComponents/quick-contact/quick-contact.component.css
+++ b/sharedComponents/quick-contact/quick-contact.component.css
@@ -4,7 +4,7 @@
 	right: 5vw;
 }
 
-.uk-card > .uk-background-secondary:first-child {
+.uk-card > .uk-background-primary:first-child {
 	border-radius: 4px 4px 0 0;
 }
 
diff --git a/sharedComponents/quick-contact/quick-contact.component.html b/sharedComponents/quick-contact/quick-contact.component.html
index 609ec4d0..60275841 100644
--- a/sharedComponents/quick-contact/quick-contact.component.html
+++ b/sharedComponents/quick-contact/quick-contact.component.html
@@ -5,7 +5,7 @@
 		<span class="uk-margin-small-left">Contact</span>
 	</a>
 	<div #drop id="quick-contact" class="uk-card uk-card-default uk-drop uk-overflow-auto" uk-drop="mode: click; pos: top-right; animation: uk-animation-fade">
-		<div class="uk-background-secondary uk-padding-small uk-text-center">
+		<div class="uk-background-primary uk-padding-small uk-text-center">
 			<div class="uk-text-small">
 				Send a message
 			</div>