diff --git a/deposit/depositFirstPage.component.ts b/deposit/depositFirstPage.component.ts
index 4559fb7f..36490eec 100644
--- a/deposit/depositFirstPage.component.ts
+++ b/deposit/depositFirstPage.component.ts
@@ -17,7 +17,7 @@ import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
     <div class="uk-section uk-padding-remove-bottom uk-padding-remove-top">
       <div class="explorePanelBackground communityPanelBackground uk-margin-top uk-padding-small">
         <div class="uk-align-center uk-container uk-container-large uk-margin-large-top uk-margin-large-bottom">
-          <breadcrumbs [breadcrumbs]="breadcrumbs" [light]="true"></breadcrumbs>
+          <breadcrumbs [breadcrumbs]="breadcrumbs" [light]="!!(this.communityId)"></breadcrumbs>
           <div class="uk-h1 uk-width-1-2@m uk-width-1-1@s ">
             <span class="uk-text-bold">Deposit</span> or <span class="uk-text-bold">publish</span> your research in <span class="uk-text-bold">Open Access</span>
           </div>
@@ -84,7 +84,7 @@ import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
                            type="search"  [(ngModel)]="keyword"  name="keyword"
                            placeholder="{{searchPlaceHolder}}">
                     <div class="uk-padding-remove-left">
-                      <button routerLinkActive="uk-link" routerLink="{{depositRoute}}" [queryParams]="{keyword: keyword}" class="uk-button  uk-text-bold"> Search
+                      <button routerLinkActive="uk-link" routerLink="{{depositRoute}}" [queryParams]="{keyword: keyword}" [class]="'uk-button  uk-text-bold '+ (!!communityId?'portal-button':'')"> Search
                       </button>
                       <div class="uk-padding-small">
                         <a  [queryParams]="properties.environment!='development'?{}:routerHelper.createQueryParam('communityId',communityId)" routerLinkActive="router-link-active" [routerLink]="depositRoute"
diff --git a/deposit/searchDataprovidersToDeposit.component.ts b/deposit/searchDataprovidersToDeposit.component.ts
index 20c25234..7617b852 100644
--- a/deposit/searchDataprovidersToDeposit.component.ts
+++ b/deposit/searchDataprovidersToDeposit.component.ts
@@ -26,7 +26,7 @@ import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
             </a></li>
             <li><span class="active uk-text-bold">Browse content providers</span></li>
           </ul>-->
-          <breadcrumbs [light]="true" [breadcrumbs]="breadcrumbs"></breadcrumbs>
+          <breadcrumbs  [light]="!!(this.communityId)" [breadcrumbs]="breadcrumbs"></breadcrumbs>
         </div>
       </div>
     </div>