diff --git a/searchPages/searchUtils/advancedSearchForm.component.html b/searchPages/searchUtils/advancedSearchForm.component.html
index c16c60c4..a973591a 100644
--- a/searchPages/searchUtils/advancedSearchForm.component.html
+++ b/searchPages/searchUtils/advancedSearchForm.component.html
@@ -140,11 +140,8 @@
                             (selectionChange)=" simpleEntityChanged($event)"
                             [onChangeNavigate]="true" [customFilter]="customFilter"></entities-selection>
       </div>
-      <div *ngIf="selectedFields[0]" class="uk-inline">
-        <!--<a *ngIf="selectedFields[0].value.length > 0" class="uk-form-icon uk-form-icon-flip"
-           (click)="selectedFields[0].value = ''"
-           uk-icon="icon: close"></a>-->
-        <a class="uk-form-icon uk-form-icon-flip"
+      <div *ngIf="selectedFields[0]" class="uk-inline uk-link">
+        <a class="uk-form-icon uk-form-icon-flip uk-link-reset"
            (click)="simpleKeywordChanged(null)" type="submit">
           <icon name="search" flex="true"></icon>
         </a>
diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index c99117d5..bea1ce7a 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="uk-label uk-flex uk-flex-middle">
+          <span class="filter-tag uk-flex uk-flex-middle">
               <span class="uk-margin-small-right uk-width-expand">{{customFilter.valueName}}</span>
           </span>
         </span>
@@ -14,9 +14,9 @@
         <ng-container *ngIf="type.selected">
           <span class="uk-width-auto">
             <a [attr.uk-tooltip]="'Remove ' + type.name" (click)="removeResultType(type.id)" [class.uk-disabled]="disabled">
-              <span class="uk-label uk-flex uk-flex-middle">
+              <span class="filter-tag uk-flex uk-flex-middle">
                   <span class="uk-margin-small-right uk-width-expand">{{type.name}}</span>
-                  <icon name="close" ratio="0.5" flex="true"></icon>
+                  <icon name="close" flex="true" ratio="0.7"></icon>
               </span>
             </a>
           </span>
@@ -29,9 +29,9 @@
           <span class="uk-width-auto">
             <a [attr.uk-tooltip]="'Remove ' + filter.selectedFromAndToValues" (click)="removeRangeFilter(filter)"
                [class.uk-disabled]="disabled">
-              <span class="uk-label uk-flex uk-flex-middle">
+              <span class="filter-taguk-flex uk-flex-middle">
                   <span class="uk-margin-small-right uk-width-expand">{{filter.selectedFromAndToValues}}</span>
-                  <icon name="close" ratio="0.5" flex="true"></icon>
+                  <icon name="close" flex="true" ratio="0.7"></icon>
               </span>
             </a>
           </span>
@@ -43,9 +43,9 @@
         <ng-container *ngFor="let value of getSelectedValues(filter); let i = index;  let end = last; ">
               <span *ngIf="!customFilter || (customFilter.isHiddenFilter && customFilter.valueId != value.id)" class="uk-width-auto">
                 <a [attr.uk-tooltip]="'Remove ' + value.name" (click)="removeFilter(value, filter)" [class.uk-disabled]="disabled">
-                  <span class="uk-label uk-flex uk-flex-middle">
+                  <span class="filter-tag uk-flex uk-flex-middle">
                       <span class="uk-margin-small-right uk-width-expand">{{value.name}}</span>
-                      <icon name="close" ratio="0.5" flex="true"></icon>
+                      <icon name="close" flex="true" ratio="0.7"></icon>
                   </span>
                 </a>
               </span>
@@ -73,7 +73,7 @@
       <span *ngIf="searchUtils.refineStatus == errorCodes.NONE">No filters available</span>
       <span *ngIf="searchUtils.refineStatus != errorCodes.NONE" class="uk-text-warning">Filters temporarily unavailable. Please try again later.</span>
     </div>
-    <ul *ngIf="!showUnknownFilters" class="uk-list uk-list-large">
+    <ul *ngIf="!showUnknownFilters" class="uk-list uk-list-xlarge">
       <li *ngIf="filters.length > 0 && filters[0].values.length >0 && filters[0].filterId == 'resultbestaccessright'">
         <search-filter [filterValuesNum]="filterValuesNum" [showMoreInline]="showMoreFilterValuesInline"
                        [isDisabled]="disabled"
@@ -110,19 +110,18 @@
      [attr.uk-sticky]="(stickyForm?'{animation:false;offset:100;top:90;cls-active:uk-active uk-sticky-below;cls-inactive:uk-sticky '+
      (usedBy != 'deposit' && usedBy != 'orcid' && (!customFilter || customFilter.queryFieldName != 'communityId') ?
     '  uk-position-relative ' :(' uk-section '  ))+'}':null)">
-  <div style="box-sizing: border-box;  "
-       [class]="' uk-background-norepeat  uk-background-bottom-center   uk-padding-remove-bottom  uk-flex uk-flex-middle uk-background-fixed '+searchFormClass
+  <div [class]="' uk-background-norepeat  uk-background-bottom-center   uk-padding-remove-bottom  uk-flex uk-flex-middle uk-background-fixed '+searchFormClass
               + (usedBy != 'deposit' && usedBy != 'orcid' && (!customFilter || customFilter.queryFieldName != 'communityId') && !dashboard ?
               ' image-front-topbar searchFormMinHeight uk-padding-remove-bottom uk-section' : '')
               +(simpleView?'':' advancedSearchFormBackground ')">
 <!-- TODO - Kostis until here-->
     <div class="uk-width-1-1">
       <div class="uk-container uk-container-large">
-        <div class="uk-padding-small">
+        <div class="uk-padding-small uk-padding-remove-bottom">
           <breadcrumbs *ngIf="showBreadcrumb" [breadcrumbs]="breadcrumbs"></breadcrumbs>
         </div>
       </div>
-      <div class="uk-position-relative uk-margin-medium-bottom">
+      <div class="uk-position-relative">
         <div class="uk-container uk-container-large uk-section" id="searchForm">
           <advanced-search-form
             [entityType]="entityType"
@@ -147,7 +146,7 @@
 </div>
 <schema2jsonld *ngIf="url" [URL]="url" type="search" [name]=pageTitleWithFilters
                [searchAction]=false [description]="metaDescription" ></schema2jsonld>
-<div id="tm-main" class="   tm-middle" [class.uk-margin-top]="stickyForm">
+<div id="tm-main" class="uk-margin-medium-top" [class.uk-margin-top]="stickyForm">
   <div uk-grid>
     <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
       <div class="uk-container uk-container-large">
diff --git a/searchPages/searchUtils/newSearchPage.component.ts b/searchPages/searchUtils/newSearchPage.component.ts
index e82b7f66..f960c800 100644
--- a/searchPages/searchUtils/newSearchPage.component.ts
+++ b/searchPages/searchUtils/newSearchPage.component.ts
@@ -58,7 +58,7 @@ export class NewSearchPageComponent {
   @Input() customFilter: SearchCustomFilter;
   @Input() sort: boolean = true;
   @Input() sortedByChanged: string = "";
-  @Input() searchFormClass: string = "searchForm";
+  @Input() searchFormClass: string = "uk-background-muted";
   //From simple:
   @Input() rangeFilters: RangeFilter[] = [];
   @Input() rangeFields: string[][] = [];
diff --git a/searchPages/searchUtils/portal-search-result.component.html b/searchPages/searchUtils/portal-search-result.component.html
index bdf7ea2c..c78489a2 100644
--- a/searchPages/searchUtils/portal-search-result.component.html
+++ b/searchPages/searchUtils/portal-search-result.component.html
@@ -8,19 +8,19 @@
           <span>Subscribed</span>
         </div>
         <div *ngIf="type === 'community' && result.status === 'manager'"
-             class="uk-position-top-right uk-margin-top uk-margin-right uk-flex uk-flex-middle">
-          <icon [name]="visibilityIcon.get('RESTRICTED')"></icon>
-          <span class="space uk-text-small uk-text-capitalize">restricted</span>
+             class="uk-position-top-right uk-margin-top uk-margin-right uk-text-center">
+          <icon [name]="visibilityIcon.get('RESTRICTED')" ratio="1.5" class="uk-display-block"></icon>
+          <span class="uk-text-small uk-text-capitalize">restricted</span>
         </div>
         <div *ngIf="type === 'community' && result.status === 'hidden'"
-             class="uk-position-top-right uk-margin-top uk-margin-right uk-flex uk-flex-middle">
-          <icon [name]="visibilityIcon.get('PRIVATE')"></icon>
-          <span class="space uk-text-small uk-text-capitalize">private</span>
+             class="uk-position-top-right uk-margin-top uk-margin-right  uk-text-center">
+          <icon [name]="visibilityIcon.get('PRIVATE')" ratio="1.5" class="uk-display-block"></icon>
+          <span class="uk-text-small uk-text-capitalize">private</span>
         </div>
         <div *ngIf="result.visibility && result.visibility !== 'PUBLIC'"
-             class="uk-position-top-right uk-margin-top uk-margin-right uk-flex uk-flex-middle">
-          <icon [name]="visibilityIcon.get(result.visibility)"></icon>
-          <span class="space uk-text-small uk-text-capitalize">{{result.visibility.toLowerCase()}}</span>
+             class="uk-position-top-right uk-margin-top uk-margin-right uk-text-center">
+          <icon [name]="visibilityIcon.get(result.visibility)" ratio="1.5" class="uk-display-block"></icon>
+          <span class="uk-text-small uk-text-capitalize">{{result.visibility.toLowerCase()}}</span>
         </div>
       </div>
       <div class="uk-grid uk-flex uk-flex-middle" uk-grid>
@@ -64,18 +64,22 @@
               {{result.description}}
             </p>
           </div>
-          <div class="uk-text-small uk-flex uk-flex-middle">
-            <span class="uk-text-muted" *ngIf="result.date || result.creationDate">Creation Date: </span>
-            <span class="uk-margin-small-left" *ngIf="result.date">{{result.date | date:'dd-MM-yyyy'}}</span>
-            <span class="uk-margin-small-left" *ngIf="result.creationDate">{{result.creationDate | date:'dd-MM-yyyy'}}</span>
-            <span *ngIf="type === 'community' && showType && result.type" class="uk-margin-left">
-              <span class="uk-text-muted">Type:</span>
-              <span class="uk-margin-small-left uk-text-capitalize">{{mapType(result.type)}}</span>
-            </span>
-            <span *ngIf="type === 'stakeholder' && result.type" class="uk-margin-left">
-              <span class="uk-text-muted">Type:</span>
-              <span class="uk-margin-small-left uk-text-capitalize">{{mapType(result.type)}}</span>
-            </span>
+          <div class="uk-text-small">
+            <div *ngIf="result.date || result.creationDate" class="uk-flex uk-flex-middle uk-margin-small-bottom">
+              <span class="uk-text-muted">Creation Date: </span>
+              <span class="uk-margin-small-left" *ngIf="result.date">{{result.date | date:'dd-MM-yyyy'}}</span>
+              <span class="uk-margin-small-left" *ngIf="result.creationDate">{{result.creationDate | date:'dd-MM-yyyy'}}</span>
+            </div>
+            <div class="uk-flex uk-flex-middle">
+              <span *ngIf="type === 'community' && showType && result.type">
+                <span class="uk-text-muted">Type:</span>
+                <span class="uk-margin-small-left uk-text-capitalize">{{mapType(result.type)}}</span>
+              </span>
+              <span *ngIf="type === 'stakeholder' && result.type">
+                <span class="uk-text-muted">Type:</span>
+                <span class="uk-margin-small-left uk-text-capitalize">{{mapType(result.type)}}</span>
+              </span>
+            </div>
           </div>
         </div>
       </div>
diff --git a/searchPages/searchUtils/portal-search-result.component.ts b/searchPages/searchUtils/portal-search-result.component.ts
index 96d9ef0c..7d44fd1e 100644
--- a/searchPages/searchUtils/portal-search-result.component.ts
+++ b/searchPages/searchUtils/portal-search-result.component.ts
@@ -22,7 +22,7 @@ export class PortalSearchResultComponent implements OnInit{
   @Input() properties: EnvProperties;
   @ViewChild('AlertModal') modal;
   visibilityIcon: Map<Visibility, string> = new Map<Visibility, string> ([
-    ["PRIVATE", 'lock'],
+    ["PRIVATE", 'visibility_off'],
     ["RESTRICTED", 'group']
   ]);
   public urlParam: string;
diff --git a/searchPages/searchUtils/portal-search-result.module.ts b/searchPages/searchUtils/portal-search-result.module.ts
index f78e95c0..004e7f41 100644
--- a/searchPages/searchUtils/portal-search-result.module.ts
+++ b/searchPages/searchUtils/portal-search-result.module.ts
@@ -1,18 +1,16 @@
-import { NgModule}              from '@angular/core';
-import { CommonModule }         from '@angular/common';
-import { FormsModule }          from '@angular/forms';
-import { RouterModule }         from '@angular/router';
-import {ErrorMessagesModule}    from '../../utils/errorMessages.module';
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {FormsModule} from '@angular/forms';
+import {RouterModule} from '@angular/router';
+import {ErrorMessagesModule} from '../../utils/errorMessages.module';
 import {PortalSearchResultComponent} from "./portal-search-result.component";
 import {AlertModalModule} from "../../utils/modal/alertModal.module";
 import {ManageModule} from "../../utils/manage/manage.module";
 import {IconsModule} from "../../utils/icons/icons.module";
 import {UrlPrefixModule} from "../../utils/pipes/url-prefix.module";
 import {IconsService} from "../../utils/icons/icons.service";
-import {group, lock} from "../../utils/icons/icons";
+import {lock} from "../../utils/icons/icons";
 import {LogoUrlPipeModule} from "../../utils/pipes/logoUrlPipe.module";
-// import {IconsService} from "../../utils/icons/icons.service";
-// import {group, lock} from "../../utils/icons/icons";
 
 @NgModule({
   imports: [
@@ -31,6 +29,6 @@ import {LogoUrlPipeModule} from "../../utils/pipes/logoUrlPipe.module";
 })
 export class PortalSearchResultModule {
   constructor(private iconsService: IconsService) {
-    this.iconsService.registerIcons([group, lock])
+    this.iconsService.registerIcons([lock])
   }
 }
diff --git a/utils/breadcrumbs/breadcrumbs.component.ts b/utils/breadcrumbs/breadcrumbs.component.ts
index 1fe16bbc..ad3bcd43 100644
--- a/utils/breadcrumbs/breadcrumbs.component.ts
+++ b/utils/breadcrumbs/breadcrumbs.component.ts
@@ -8,7 +8,7 @@ export interface Breadcrumb {
 @Component({
   selector: 'breadcrumbs',
   template: `
-    <ul class="uk-breadcrumb" [ngClass]="addClass" [class.uk-light]="light">
+    <ul class="uk-breadcrumb uk-margin-remove-bottom" [ngClass]="addClass" [class.uk-light]="light">
       <li *ngFor="let breadcrumb of breadcrumbs">
         <a class="uk-text-capitalize" *ngIf="breadcrumb.route" [routerLink]="breadcrumb.route">{{breadcrumb.name}}</a>
         <span class="uk-text-capitalize" *ngIf="!breadcrumb.route">{{breadcrumb.name}}</span>
diff --git a/utils/icons/icons.component.ts b/utils/icons/icons.component.ts
index 98956135..9568766f 100644
--- a/utils/icons/icons.component.ts
+++ b/utils/icons/icons.component.ts
@@ -22,7 +22,7 @@ import {IconsService} from "./icons.service";
   selector: 'icon',
   template: `
     <span #icon *ngIf="svg" class="uk-icon" [class.uk-flex]="flex" [ngClass]="customClass" [ngStyle]="style" [innerHTML]="svg | safeHtml"></span>
-    <span  [class.uk-flex]="flex" [ngClass]="customClass">
+    <span  [class.uk-flex]="flex" [ngClass]="customClass" [class.uk-display-inline-block]="!flex">
       <span *ngIf="!svg && iconName" class="material-icons" [ngClass]="type" [ngStyle]="style">{{iconName}}</span>
     </span>
     <span *ngIf="visuallyHidden" class="visually-hidden">{{visuallyHidden}}</span>