diff --git a/resources/i18n/en.json5 b/resources/i18n/en.json5
index 6f32718095..72dee36c23 100644
--- a/resources/i18n/en.json5
+++ b/resources/i18n/en.json5
@@ -140,9 +140,10 @@
   "collection.form.title": "Name",
   "collection.page.browse.recent.head": "Recent Submissions",
   "collection.page.browse.recent.empty": "No items to show",
-  "collection.page.handle": "Handle",
+  "collection.page.handle": "Collection Handle",
   "collection.page.license": "License",
   "collection.page.news": "News",
+  "collection.landing.head": "Submission date",
 
   "community.create.head": "Create a Community",
   "community.create.sub-head": "Create a Sub-Community for Community {{ parent }}",
@@ -160,9 +161,10 @@
   "community.form.rights": "Copyright text (HTML)",
   "community.form.tableofcontents": "News (HTML)",
   "community.form.title": "Name",
-  "community.page.handle": "Handle",
+  "community.page.handle": "Community Handle",
   "community.page.license": "License",
   "community.page.news": "News",
+  "community.landing.head": "Subcommunities and Collections",
   "community.sub-collection-list.head": "Collections of this Community",
   "community.sub-community-list.head": "Communities of this Community",
 
diff --git a/src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.html b/src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.html
index 2539b60afc..0aea0afd8c 100644
--- a/src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.html
+++ b/src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.html
@@ -12,8 +12,10 @@
         <ds-comcol-page-content [content]="parentContext.sidebarText" [hasInnerHtml]="true" [title]="'community.page.news'">
         </ds-comcol-page-content>
         <!-- Handle -->
-        <ds-comcol-page-content [content]="parentContext.handle" [hasInnerHtml]="true" [title]="'Handle'" >
-        </ds-comcol-page-content>
+        <ds-comcol-page-handle
+            [content]="parentContext.handle"
+            [title]="parentContext.type+'.page.handle'" >
+        </ds-comcol-page-handle>
         <!-- Browse-By Links -->
         <ds-comcol-page-browse-by [id]="parentContext.id" [contentType]="parentContext.type"></ds-comcol-page-browse-by>
       </header>
diff --git a/src/app/+collection-page/collection-page.component.html b/src/app/+collection-page/collection-page.component.html
index 2b91c8ec3a..51934951f7 100644
--- a/src/app/+collection-page/collection-page.component.html
+++ b/src/app/+collection-page/collection-page.component.html
@@ -7,12 +7,13 @@
                     <!-- Collection logo -->
                     <ds-comcol-page-logo *ngIf="logoRD$" 
                         [logo]="(logoRD$ | async)?.payload" [alternateText]="'Collection Logo'">
+                        [alternateText]="'Collection Logo'">
                     </ds-comcol-page-logo>
                 <!-- Collection Name -->
                 <ds-comcol-page-header
                         [name]="collection.name">
                 </ds-comcol-page-header>
-                    <!-- Introductory text -->
+                <!-- Introductory text -->
                 <ds-comcol-page-content
                         [content]="collection.introductoryText"
                         [hasInnerHtml]="true">
@@ -23,13 +24,12 @@
                         [hasInnerHtml]="true"
                         [title]="'collection.page.news'">
                 </ds-comcol-page-content>
-                <!-- Handle -->
-                <ds-comcol-page-content
+               <!-- Handle -->
+               <ds-comcol-page-handle
                         [content]="collection.handle"
-                        [hasInnerHtml]="true"
                         [title]="'collection.page.handle'" >
-                </ds-comcol-page-content>
-                    <!-- Browse-By Links -->
+                </ds-comcol-page-handle>
+                <!-- Browse-By Links -->
                 <ds-comcol-page-browse-by
                         [id]="collection.id"
                         [contentType]="collection.type">
@@ -55,23 +55,23 @@
                 </div>
             </ng-container>
         <footer>
-          <!-- Licence -->
+          <!-- License -->
               <ds-comcol-page-content
                       [content]="collection.dcLicense"
                       [title]="'collection.page.license'">
               </ds-comcol-page-content>
 
           <!-- Copyright -->
-          <ds-comcol-page-content 
-                      [content]="collection.copyrightText" 
+          <ds-comcol-page-content
+                      [content]="collection.copyrightText"
                       [hasInnerHtml]="true">
           </ds-comcol-page-content>
         </footer>
       </div>
     </div>
-        <ds-error *ngIf="collectionRD?.hasFailed" 
+        <ds-error *ngIf="collectionRD?.hasFailed"
             message="{{'error.collection' | translate}}"></ds-error>
-        <ds-loading *ngIf="collectionRD?.isLoading" 
+        <ds-loading *ngIf="collectionRD?.isLoading"
             message="{{'loading.collection' | translate}}"></ds-loading>
   </div>
 </div>
diff --git a/src/app/+community-page/community-page.component.html b/src/app/+community-page/community-page.component.html
index 622b6f10bf..c2df1d818a 100644
--- a/src/app/+community-page/community-page.component.html
+++ b/src/app/+community-page/community-page.component.html
@@ -1,12 +1,14 @@
 <div class="container" *ngVar="(communityRD$ | async) as communityRD">
   <div class="community-page" *ngIf="communityRD?.hasSucceeded" @fadeInOut>
     <div *ngIf="communityRD?.payload; let communityPayload">
-      <!-- Community name -->
-      <ds-comcol-page-header [name]="communityPayload.name"></ds-comcol-page-header>
       <!-- Community logo -->
       <ds-comcol-page-logo *ngIf="logoRD$"
-                           [logo]="(logoRD$ | async)?.payload"
-                           [alternateText]="'Community Logo'">
+      [logo]="(logoRD$ | async)?.payload"
+      [alternateText]="'Community Logo'">
+
+      <!-- Community name -->
+      <ds-comcol-page-header [name]="communityPayload.name"></ds-comcol-page-header>
+
       </ds-comcol-page-logo>
       <!-- Introductory text -->
       <ds-comcol-page-content
@@ -25,8 +27,10 @@
         [hasInnerHtml]="true">
       </ds-comcol-page-content>
       <!-- Handle -->
-      <ds-comcol-page-content [content]="communityPayload.handle" [hasInnerHtml]="true" [title]="'community.page.handle'" >
-      </ds-comcol-page-content>
+      <ds-comcol-page-handle
+        [content]="communityPayload.handle"
+        [title]="'community.page.handle'" >
+      </ds-comcol-page-handle>
       <!-- Browse-By Links -->
       <ds-comcol-page-browse-by [id]="communityPayload.id" [contentType]="communityPayload.type"></ds-comcol-page-browse-by>
 
diff --git a/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html b/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html
index 1607910c68..7f29ab58c7 100644
--- a/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html
+++ b/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html
@@ -1,10 +1,8 @@
+<h2 class="comcol-browse-label">{{'browse.comcol.head' | translate}}</h2>
 <nav class="comcol-browse" aria-label="Browse Community or Collection" >
-  <div class="comcol-browse-label">{{'browse.comcol.head' | translate}}</div>
   <div class="list-group list-group-horizontal">
-    <a *ngIf="contentType=='collection'" [routerLink]="['/collections/' + id ]" class="list-group-item" routerLinkActive="active">
-Submission date</a>
-    <a *ngIf="contentType=='community'" [routerLink]="['/communities/' + id ]" class="list-group-item" routerLinkActive="active">
-Subcommunities and collections</a>
+    <a *ngIf="contentType=='collection'" [routerLink]="['/collections/' + id ]" class="list-group-item" routerLinkActive="active">{{'collection.landing.head' | translate}}</a>
+    <a *ngIf="contentType=='community'" [routerLink]="['/communities/' + id ]" class="list-group-item" routerLinkActive="active" >{{'community.landing.head' | translate}}</a>
     <a *ngFor="let config of types" class="list-group-item" [routerLink]="['/browse/' + config.id]" [queryParams]="{scope: id}" routerLinkActive="active">{{'browse.comcol.by.' + config.id | translate}}</a>
   </div>
 </nav>
diff --git a/src/app/shared/comcol-page-handle/comcol-page-handle.component.html b/src/app/shared/comcol-page-handle/comcol-page-handle.component.html
new file mode 100644
index 0000000000..52d6b4dd16
--- /dev/null
+++ b/src/app/shared/comcol-page-handle/comcol-page-handle.component.html
@@ -0,0 +1,4 @@
+<div *ngIf="content" class="content-with-optional-title mb-2">
+    <h2 *ngIf="title">{{ title | translate }}</h2>
+    <div><a href="{{content}}">{{content}}</a></div>
+</div>
diff --git a/src/app/shared/comcol-page-handle/comcol-page-handle.component.scss b/src/app/shared/comcol-page-handle/comcol-page-handle.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/app/shared/comcol-page-handle/comcol-page-handle.component.ts b/src/app/shared/comcol-page-handle/comcol-page-handle.component.ts
new file mode 100644
index 0000000000..61ab083246
--- /dev/null
+++ b/src/app/shared/comcol-page-handle/comcol-page-handle.component.ts
@@ -0,0 +1,20 @@
+import { Component, Input } from '@angular/core';
+
+/**
+ * This component renders the value of "handle"
+ */
+
+@Component({
+  selector: 'ds-comcol-page-handle',
+  styleUrls: ['./comcol-page-handle.component.scss'],
+  templateUrl: './comcol-page-handle.component.html'
+})
+export class ComcolPageHandleComponent {
+
+  // Optional title
+  @Input() title: string;
+
+  // The content to render. Might be html
+  @Input() content: string;
+
+}
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index 2367652dd3..d18fbd2708 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -36,6 +36,7 @@ import { WrapperGridElementComponent } from './object-grid/wrapper-grid-element/
 import { ObjectGridComponent } from './object-grid/object-grid.component';
 import { ObjectCollectionComponent } from './object-collection/object-collection.component';
 import { ComcolPageContentComponent } from './comcol-page-content/comcol-page-content.component';
+import { ComcolPageHandleComponent } from './comcol-page-handle/comcol-page-handle.component';
 import { ComcolPageHeaderComponent } from './comcol-page-header/comcol-page-header.component';
 import { ComcolPageLogoComponent } from './comcol-page-logo/comcol-page-logo.component';
 import { ErrorComponent } from './error/error.component';
@@ -192,6 +193,7 @@ const COMPONENTS = [
   UserMenuComponent,
   ChipsComponent,
   ComcolPageContentComponent,
+  ComcolPageHandleComponent,
   ComcolPageHeaderComponent,
   ComcolPageLogoComponent,
   ComColFormComponent,