diff --git a/src/app/communities/browseCommunity/browse-community.component.html b/src/app/communities/browseCommunity/browse-community.component.html
index 47cdcfe..0c4b2cd 100644
--- a/src/app/communities/browseCommunity/browse-community.component.html
+++ b/src/app/communities/browseCommunity/browse-community.component.html
@@ -1,4 +1,4 @@
-<div class="uk-container line-height-normal uk-text-small" *ngIf="community">
+<div class="uk-container line-height-normal" *ngIf="community">
   <div class="badges">
     <div *ngIf="community.isSubscribed"
          class="portal-card-badge uk-text-center">
@@ -53,7 +53,7 @@
   </div>
   <div class="uk-card-body uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top uk-margin-small-top uk-margin-bottom">
     <div class="uk-text-center uk-text-bold " [ngClass]="(showDescription)?'uk-margin-bottom':''">
-      <a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank">
+      <a *ngIf="directLink" [href]="getCommunityPageUrl()" class="color uk-text-bold" target="_blank">
         <span *ngIf="community.title">
           {{community.title.slice(0, thresholdTitle)}}
           <span *ngIf="community.title.length > thresholdTitle">...</span>
@@ -63,7 +63,7 @@
           <span *ngIf="community.shortTitle.length > thresholdTitle">...</span>
         </span>
       </a>
-      <a *ngIf="!directLink" (click)="confirmModalOpen()">
+      <a *ngIf="!directLink" (click)="confirmModalOpen()" class="color uk-text-bold">
         <span *ngIf="community.title">
           {{community.title.slice(0, thresholdTitle)}}
           <span *ngIf="community.title.length > thresholdTitle">...</span>
@@ -74,7 +74,7 @@
         </span>
       </a>
     </div>
-    <div class="uk-text-left" *ngIf="community.description != null && showDescription"
+    <div class="uk-text-left uk-text-small" *ngIf="community.description != null && showDescription"
          title="{{community.description}}">
       <span>{{community.description.slice(0, thresholdDescription)}}<span
         *ngIf="community.description.length > thresholdDescription">...</span></span>
diff --git a/src/app/communities/communities.component.html b/src/app/communities/communities.component.html
index 58199d5..89a7f3b 100644
--- a/src/app/communities/communities.component.html
+++ b/src/app/communities/communities.component.html
@@ -19,7 +19,7 @@
           class="uk-grid-match uk-grid-medium  uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"
           uk-grid uk-height-match=".community">
         <div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
-          <div class="uk-padding-small uk-card uk-card-default communityCard">
+          <div class="uk-padding-small communityCard">
             <browse-community [community]=community></browse-community>
           </div>
         </div>
diff --git a/src/app/my-communities/my-communities.component.html b/src/app/my-communities/my-communities.component.html
index ec565d3..6b107bb 100644
--- a/src/app/my-communities/my-communities.component.html
+++ b/src/app/my-communities/my-communities.component.html
@@ -16,7 +16,7 @@
           class="loading-gif  uk-align-center"></span></div>
       </div>
       <div *ngIf="!loading" class="uk-container uk-container-large">
-        <div class="uk-text-center uk-text-bold uk-h2 uk-margin-bottom">My Communities</div>
+        <h2 class="uk-text-center uk-text-bold">My Communities</h2>
         <div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0"
              class="uk-child-width-1-1@s uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid uk-height-match="target: .community; row: false">
           <div>
@@ -89,7 +89,7 @@
             <errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
           </div>
           <div *ngIf="!loading && researchCommunities.length > 0">
-            <div class="uk-text-bold uk-h5">Community Gateways in Action</div>
+            <h5 class="uk-text-bold">Community Gateways in Action</h5>
             <div [class]="(researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
               <div
                 class="uk-grid-match uk-grid-medium  uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"
diff --git a/src/assets/connect-assets/home/dashboard.png b/src/assets/connect-assets/home/dashboard.png
index 5db445c..085825d 100644
Binary files a/src/assets/connect-assets/home/dashboard.png and b/src/assets/connect-assets/home/dashboard.png differ
diff --git a/src/assets/connect-custom.css b/src/assets/connect-custom.css
index 889275d..e9a3a6c 100644
--- a/src/assets/connect-custom.css
+++ b/src/assets/connect-custom.css
@@ -91,6 +91,8 @@
   box-shadow: 0 1px 3px #00000029;
   border-radius: 2px;
   padding: 20px;
+  position: relative;
+  background-color: white;
 }
 
 .rc-label {
@@ -295,13 +297,13 @@ Impact Factor -  ATHENA CODE */
   background-color: #FAFAFA !important;
 }
 
-.connectApp .color {
-  color: #292747 !important;
+.connectApp .uk-text-large {
+  font-size: 18px;
 }
 
-.connectApp .dashboard {
-  background: url("connect-assets/home/dashboard.png") no-repeat bottom;
-  min-height: 320px;
+.connectApp , .connectApp h1, .connectApp h2, .connectApp h3,
+.connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color{
+  color: #292747 !important;
 }
 
 .connectApp .portal-button {