diff --git a/src/app/national/national.component.ts b/src/app/national/national.component.ts
index f90d6dd..5200604 100644
--- a/src/app/national/national.component.ts
+++ b/src/app/national/national.component.ts
@@ -20,9 +20,20 @@ import {OpenaireEntities} from "../openaireLibrary/utils/properties/searchFields
         <div *ngIf="!loading && stakeholder">
             <div class="uk-banner uk-light">
                 <div class="uk-container uk-container-large">
-                    <div class="uk-padding-small uk-padding-remove-vertical">
-                        <h1 class="uk-h4 uk-margin-small-bottom">{{entities.country}} {{entities.stakeholder}}</h1>
+                  <div class="uk-padding-small uk-padding-remove-vertical">
+                    <div class="uk-grid uk-grid-large uk-flex-middle uk-margin-medium-bottom" uk-grid>
+                      <div class="uk-width-expand">
+                        <h1 *ngIf="stakeholder" class="uk-h4 uk-margin-remove uk-text-truncate">{{entities.country}} {{entities.stakeholder}}</h1>
+                      </div>
+                      <div class="uk-width-auto">
+                        <div class="uk-progress-semicircle open-access" [attr.percentage]="0" [style]="'--percentage:' + 0"></div>
+                        <div class="uk-flex uk-flex-middle uk-margin-small-top">
+                          <icon [name]="'open_access'" [flex]="true" class="open-access"></icon>
+                          <span class="uk-margin-xsmall-left">Open Access</span>
+                        </div>
+                      </div>
                     </div>
+                  </div>
                 </div>
                 <div class="uk-banner-footer">
                     <div class="uk-container uk-container-large">
diff --git a/src/app/national/national.module.ts b/src/app/national/national.module.ts
index 1695315..c9b6579 100644
--- a/src/app/national/national.module.ts
+++ b/src/app/national/national.module.ts
@@ -4,6 +4,7 @@ import {Route, RouterModule} from "@angular/router";
 import {NationalComponent} from "./national.component";
 import {LoadingModule} from "../openaireLibrary/utils/loading/loading.module";
 import {RoleVerificationModule} from "../openaireLibrary/role-verification/role-verification.module";
+import {IconsModule} from "../openaireLibrary/utils/icons/icons.module";
 const routes: Route[] = [
   {
     path: '', component: NationalComponent, children: [
@@ -14,7 +15,7 @@ const routes: Route[] = [
 ];
 
 @NgModule({
-  imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule],
+  imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule, IconsModule],
   declarations: [NationalComponent],
   exports: [NationalComponent],
 })
diff --git a/src/app/repository/repository.component.ts b/src/app/repository/repository.component.ts
index 5825d23..6cb6b52 100644
--- a/src/app/repository/repository.component.ts
+++ b/src/app/repository/repository.component.ts
@@ -21,7 +21,7 @@ import {SearchDataprovidersService} from "../openaireLibrary/services/searchData
         <div class="uk-banner uk-light">
           <div class="uk-container uk-container-large">
             <div class="uk-padding-small uk-padding-remove-vertical">
-              <div *ngIf="stakeholder" class="uk-width-1-1 uk-grid uk-grid-large uk-margin-medium-bottom" uk-grid>
+              <div *ngIf="stakeholder" class="uk-grid uk-grid-large uk-flex-middle uk-margin-medium-bottom" uk-grid>
                 <div class="uk-width-expand">
                   <div class="uk-grid uk-grid-small uk-flex-middle" uk-grid>
                     <div>
diff --git a/src/app/researcher/researcher.component.ts b/src/app/researcher/researcher.component.ts
index 76911f8..69a692b 100644
--- a/src/app/researcher/researcher.component.ts
+++ b/src/app/researcher/researcher.component.ts
@@ -21,7 +21,7 @@ import {properties} from "../../environments/environment";
       <div class="uk-banner uk-light">
         <div class="uk-container uk-container-large">
           <div class="uk-padding-small uk-padding-remove-vertical">
-            <div *ngIf="authorId && author" class="uk-grid uk-grid-large" uk-grid>
+            <div *ngIf="authorId && author" class="uk-grid uk-grid-large uk-flex-middle" uk-grid>
               <div class="uk-width-expand">
                 <div class="uk-grid uk-grid-small uk-flex-middle" uk-grid>
                   <div>
diff --git a/src/app/rfo/rfo.component.ts b/src/app/rfo/rfo.component.ts
index b2c81d3..882a837 100644
--- a/src/app/rfo/rfo.component.ts
+++ b/src/app/rfo/rfo.component.ts
@@ -20,8 +20,19 @@ import {OpenaireEntities} from "../openaireLibrary/utils/properties/searchFields
           <div class="uk-banner uk-light">
               <div class="uk-container uk-container-large">
                   <div class="uk-padding-small uk-padding-remove-vertical">
-                      <h1 *ngIf="stakeholder" class="uk-h4 uk-margin-small-bottom">{{stakeholder.name}}</h1>
-                      <h1 *ngIf="!stakeholder" class="uk-h4 uk-margin-small-bottom">{{entities.funders}}</h1>
+                    <div *ngIf="stakeholder" class="uk-grid uk-grid-large uk-flex-middle uk-margin-medium-bottom" uk-grid>
+                      <div class="uk-width-expand">
+                        <h1 *ngIf="stakeholder" class="uk-h5 uk-margin-remove uk-text-truncate">{{stakeholder.name}}</h1>
+                      </div>
+                      <div class="uk-width-auto">
+                        <div class="uk-progress-semicircle open-access" [attr.percentage]="0" [style]="'--percentage:' + 0"></div>
+                        <div class="uk-flex uk-flex-middle uk-margin-small-top">
+                          <icon [name]="'open_access'" [flex]="true" class="open-access"></icon>
+                          <span class="uk-margin-xsmall-left">Open Access</span>
+                        </div>
+                      </div>
+                    </div>
+                    <h1 *ngIf="!stakeholder" class="uk-h4 uk-margin-small-bottom">{{entities.funders}}</h1>
                   </div>
               </div>
               <div *ngIf="stakeholder" class="uk-banner-footer">
diff --git a/src/app/rfo/rfo.module.ts b/src/app/rfo/rfo.module.ts
index 3658aa1..9db5ec0 100644
--- a/src/app/rfo/rfo.module.ts
+++ b/src/app/rfo/rfo.module.ts
@@ -4,6 +4,7 @@ import {Route, RouterModule} from "@angular/router";
 import {RfoComponent} from "./rfo.component";
 import {LoadingModule} from "../openaireLibrary/utils/loading/loading.module";
 import {RoleVerificationModule} from "../openaireLibrary/role-verification/role-verification.module";
+import {IconsModule} from "../openaireLibrary/utils/icons/icons.module";
 const routes: Route[] = [
   {
     path: '', component: RfoComponent, children: [
@@ -15,7 +16,7 @@ const routes: Route[] = [
 ];
 
 @NgModule({
-  imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule],
+  imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule, IconsModule],
   declarations: [RfoComponent],
   exports: [RfoComponent],
 })
diff --git a/src/app/rpo/rpo.component.ts b/src/app/rpo/rpo.component.ts
index 6ac2ef9..d7e9475 100644
--- a/src/app/rpo/rpo.component.ts
+++ b/src/app/rpo/rpo.component.ts
@@ -20,8 +20,19 @@ import {OpenaireEntities} from "../openaireLibrary/utils/properties/searchFields
             <div class="uk-banner uk-light">
                 <div class="uk-container uk-container-large">
                     <div class="uk-padding-small uk-padding-remove-vertical">
-                        <h1 *ngIf="stakeholder" class="uk-h4 uk-margin-small-bottom">{{stakeholder.name}}</h1>
-                        <h1 *ngIf="!stakeholder" class="uk-h4 uk-margin-small-bottom">{{entities.organizations}}</h1>
+                      <div *ngIf="stakeholder" class="uk-grid uk-grid-large uk-flex-middle uk-margin-medium-bottom" uk-grid>
+                        <div class="uk-width-expand">
+                          <h1 *ngIf="stakeholder" class="uk-h5 uk-margin-remove uk-text-truncate">{{stakeholder.name}}</h1>
+                        </div>
+                        <div class="uk-width-auto">
+                          <div class="uk-progress-semicircle open-access" [attr.percentage]="0" [style]="'--percentage:' + 0"></div>
+                          <div class="uk-flex uk-flex-middle uk-margin-small-top">
+                            <icon [name]="'open_access'" [flex]="true" class="open-access"></icon>
+                            <span class="uk-margin-xsmall-left">Open Access</span>
+                          </div>
+                        </div>
+                      </div>
+                      <h1 *ngIf="!stakeholder" class="uk-h4 uk-margin-small-bottom">{{entities.organizations}}</h1>
                     </div>
                 </div>
                 <div *ngIf="stakeholder" class="uk-banner-footer">
diff --git a/src/app/rpo/rpo.module.ts b/src/app/rpo/rpo.module.ts
index 374c9e8..30ca309 100644
--- a/src/app/rpo/rpo.module.ts
+++ b/src/app/rpo/rpo.module.ts
@@ -4,18 +4,19 @@ import {Route, RouterModule} from "@angular/router";
 import {RpoComponent} from "./rpo.component";
 import {LoadingModule} from "../openaireLibrary/utils/loading/loading.module";
 import {RoleVerificationModule} from "../openaireLibrary/role-verification/role-verification.module";
+import {IconsModule} from "../openaireLibrary/utils/icons/icons.module";
 const routes: Route[] = [
   {
     path: '', component: RpoComponent, children: [
       {path: '', loadChildren: () => import('../shared/browse-stakeholders/browse-stakeholders.module').then(m => m.BrowseStakeholdersModule)},
-      {path: ':stakeholder', loadChildren: () => import('../shared/monitor/monitor.module').then(m => m.MonitorModule)},
-      {path: ':stakeholder/search', loadChildren: () => import('../search/resultLanding.module').then(m => m.ResultLandingModule)}
+      {path: ':stakeholder/search', loadChildren: () => import('../search/resultLanding.module').then(m => m.ResultLandingModule)},
+      {path: ':stakeholder', loadChildren: () => import('../shared/monitor/monitor.module').then(m => m.MonitorModule)}
     ]
   }
 ];
 
 @NgModule({
-  imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule],
+  imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule, IconsModule],
   declarations: [RpoComponent],
   exports: [RpoComponent],
 })