diff --git a/src/app/curators/curators.component.html b/src/app/curators/curators.component.html
index 71f1ce2..7e2c54c 100644
--- a/src/app/curators/curators.component.html
+++ b/src/app/curators/curators.component.html
@@ -20,13 +20,13 @@
 					</helper>
 				</div>
 				<div *ngIf="curators" class="uk-margin-large-top">
-					<div *ngFor="let curator of curators let i=index;" class="uk-card uk-card-default uk-padding">
+					<div *ngFor="let curator of curators let i=index;" class="uk-card uk-card-default uk-padding uk-margin-medium-bottom">
 						<div class="uk-grid" uk-grid>
 							<div class="uk-width-2-3@m uk-flex uk-flex-middle">
-								<div class="uk-width-auto">
-									<img *ngIf="curator.photo && curator.photo !== ''" class="uk-border-circle" style="width: 160px; height: 160px;"
+								<div class="uk-width-small">
+									<img *ngIf="curator.photo && curator.photo !== ''" class="uk-border-circle" style="width: 150px; height: 150px;"
 										src="{{downloadUrl + curator.photo}}" alt="Curator Photo">
-									<img *ngIf="!curator.photo || curator.photo == ''" class="uk-border-circle" style="width: 160px; height: 160px;"
+									<img *ngIf="!curator.photo || curator.photo == ''" class="uk-border-circle" style="width: 150px; height: 150px;"
 										src="../../assets/common-assets/curator-default.png" alt="Curator Photo">
 								</div>
 								<div class="uk-width-expand">
@@ -40,11 +40,11 @@
 												<div *ngIf="!viewingMore">{{_format(curator.bio)}}</div>
 												<div *ngIf="viewingMore">{{curator.bio}}</div>
 												<div *ngIf="curator.bio.length >= maxCharacters" class="uk-text-right uk-margin-small-top">
-													<a *ngIf="curator.bio.length >= maxCharacters && curator.bio.length <= 750"
+													<!-- <a *ngIf="curator.bio.length >= maxCharacters && curator.bio.length <= 750"
 														(click)="viewMore()">
 														View {{viewingMore ? 'less' : 'more'}}
-													</a>
-													<a *ngIf="curator.bio.length >= 751"
+													</a> -->
+													<a *ngIf="curator.bio.length >= maxCharacters"
 														(click)="openFsModal(curator)">
 														View details
 													</a>
@@ -70,7 +70,7 @@
 								<div class="uk-text-muted uk-margin-bottom">
 									Affiliations
 								</div>
-								<div class="uk-grid uk-child-width-1-2" uk-grid>
+								<div class="uk-grid uk-flex-middle uk-child-width-1-2" uk-grid>
 									<div *ngFor="let affiliation of curator.affiliations">
 										<span *ngIf="!affiliation.website_url">
 											<img [src]="affiliation.logo_url | urlPrefix" [alt]="affiliation.name">
@@ -162,8 +162,59 @@
   </div>
 </ng-template>
 <fs-modal #fsModal>
-	<div *ngIf="curatorInModal" class="uk-container uk-section uk-flex uk-flex-column uk-flex-middle">
-		<div class="uk-text-center">
+	<div *ngIf="curatorInModal" class="uk-width-1-1 uk-height-1-1">
+		<div class="uk-container uk-container-large uk-section">
+			<h2 class="uk-text-capitalize uk-text-center">
+				{{communityId}} Curator
+			</h2>
+			<div class="uk-margin-large-top uk-grid uk-grid-large" uk-grid>
+				<div class="uk-width-1-3@m">
+					<h2>
+						{{curatorInModal.name}}
+					</h2>
+					<img *ngIf="curatorInModal.photo && curatorInModal.photo !== ''" class="uk-width-2-3 uk-border-circle uk-margin-top uk-margin-bottom"
+						src="{{downloadUrl + curatorInModal.photo}}" alt="Curator Photo">
+					<img *ngIf="!curatorInModal.photo || curatorInModal.photo == ''" class="uk-width-2-3 uk-border-circle uk-margin-top uk-margin-bottom"
+						src="../../assets/common-assets/curator-default.png" alt="Curator Photo">
+				</div>
+				<div class="uk-width-2-3@m">
+					<ul class="uk-tab" uk-tab>
+            <li>
+              <a>Biography</a>
+            </li>
+            <li *ngIf="curatorInModal.affiliations && curatorInModal.affiliations.length > 0">
+              <a>Affiliations</a>
+            </li>
+          </ul>
+					<ul class="uk-switcher">
+            <li class="uk-padding uk-padding-remove-left">
+							<h5>
+								Biography
+							</h5>
+							<div>
+								{{curatorInModal.bio}}
+							</div>
+						</li>
+						<li *ngIf="curatorInModal.affiliations && curatorInModal.affiliations.length > 0" class="uk-padding uk-padding-remove-left">
+							<div class="uk-grid uk-flex-middle uk-child-width-1-3" uk-grid>
+								<div *ngFor="let affiliation of curatorInModal.affiliations">
+									<span *ngIf="!affiliation.website_url">
+										<img [src]="affiliation.logo_url | urlPrefix" [alt]="affiliation.name">
+									</span>
+									<a *ngIf="affiliation.website_url"
+											target="_blank" [href]="affiliation.website_url | urlPrefix">
+										<img [src]="affiliation.logo_url | urlPrefix" [alt]="affiliation.name">
+									</a>
+								</div>
+							</div>
+						</li>
+					</ul>
+				</div>
+			</div>
+	</div>
+
+
+		<!-- <div class="">
 			<img *ngIf="curatorInModal.photo && curatorInModal.photo !== ''" class="uk-border-circle uk-margin-bottom" style="width: 160px; height: 160px;"
 				src="{{downloadUrl + curatorInModal.photo}}" alt="Curator Photo">
 			<img *ngIf="!curatorInModal.photo || curatorInModal.photo == ''" class="uk-border-circle uk-margin-bottom" style="width: 160px; height: 160px;"
@@ -193,6 +244,6 @@
 					</a>
 				</ng-container>
 			</div>
-		</div>
+		</div> -->
 	</div>
 </fs-modal>
diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary
index 67211e7..cffe305 160000
--- a/src/app/openaireLibrary
+++ b/src/app/openaireLibrary
@@ -1 +1 @@
-Subproject commit 67211e78c6429c718e0618ec27354a213a4031be
+Subproject commit cffe3053cebfa92ea477469528fa09580ff72e90
diff --git a/src/assets/openaire-theme b/src/assets/openaire-theme
index aba7dff..5edc3ac 160000
--- a/src/assets/openaire-theme
+++ b/src/assets/openaire-theme
@@ -1 +1 @@
-Subproject commit aba7dffcfa907e5534178c80d5870076590badbb
+Subproject commit 5edc3ac713d4e2b78ad81d060c0c3f8a1ce3fafe