diff --git a/src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.scss b/src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.scss
index 8e1fedcbfc..e69de29bb2 100644
--- a/src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.scss
+++ b/src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.scss
@@ -1,3 +0,0 @@
-.browse-by-metadata {
-  margin: 2rem 0 ;
-}
\ No newline at end of file
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 3953941c8c..64195f970f 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,5 +1,5 @@
 <h2 class="comcol-browse-label h5">{{'browse.comcol.head' | translate}}</h2>
-<nav class="comcol-browse" aria-label="Browse Community or Collection" >
+<nav class="comcol-browse mb-4" aria-label="Browse Community or Collection" >
   <div class="list-group list-group-horizontal">
     <a *ngIf="contentType=='collection'" [routerLink]="['/collections/' + id ]" class="list-group-item" routerLinkActive="active">{{'collection.page.browse.recent.head' | translate}}</a>
     <a *ngIf="contentType=='community'" [routerLink]="['/communities/' + id ]" class="list-group-item" routerLinkActive="active" >{{'community.all-lists.head' | translate}}</a>