diff --git a/src/portal/lib/src/label/label.component.html b/src/portal/lib/src/label/label.component.html
index 110d2d15d..77d9e92fb 100644
--- a/src/portal/lib/src/label/label.component.html
+++ b/src/portal/lib/src/label/label.component.html
@@ -16,7 +16,7 @@
             <button type="button" class="btn btn-sm btn-secondary" [disabled]="!selectedRow.length" (click)="deleteLabels(selectedRow)"><clr-icon shape="times" size="16"></clr-icon>&nbsp;{{'LABEL.DELETE' | translate}}</button>     
             <hbr-create-edit-label [scope]="scope"  [projectId]="projectId" (reload)="reload()"></hbr-create-edit-label>
         </div>
-        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 content-mt">
             <clr-datagrid [clrDgLoading]="loading"  [(clrDgSelected)]="selectedRow" (clrDgSelectedChange)="selectedChange()">
                 <clr-dg-column [clrDgField]="'name'">{{'LABEL.LABEL' | translate}}</clr-dg-column>
                 <clr-dg-column [clrDgField]="'endpoint'">{{'LABEL.DESCRIPTION' | translate}}</clr-dg-column>
diff --git a/src/portal/lib/src/label/label.component.scss b/src/portal/lib/src/label/label.component.scss
index ad95ff775..1f98b85f6 100644
--- a/src/portal/lib/src/label/label.component.scss
+++ b/src/portal/lib/src/label/label.component.scss
@@ -21,4 +21,7 @@
   right: 35px;
   margin-top: 4px;
   height: 24px;
+}
+.content-mt {
+  margin-top: -12px;
 }
\ No newline at end of file
diff --git a/src/portal/src/app/project/member/member.component.html b/src/portal/src/app/project/member/member.component.html
index 256e387d4..c8288e9bb 100644
--- a/src/portal/src/app/project/member/member.component.html
+++ b/src/portal/src/app/project/member/member.component.html
@@ -1,4 +1,4 @@
-<div class="row" style="margin-top: 4px;position: relative;">
+<div class="row content-space">
     <div>
         <div class="row flex-items-xs-between rightPos">
             <div class="flex-xs-middle option-left" style="position: relative; top: 10px;">
@@ -31,7 +31,7 @@
                 </clr-dropdown-menu>
             </clr-dropdown>
         </clr-dg-action-bar>
-        <clr-datagrid [(clrDgSelected)]="selectedRow" [clrDgLoading]="loading">
+        <clr-datagrid [(clrDgSelected)]="selectedRow" [clrDgLoading]="loading" class="datagrid-pt">
             <clr-dg-column>{{'MEMBER.NAME' | translate}}</clr-dg-column>
             <clr-dg-column>{{'MEMBER.MEMBER_TYPE'| translate}}</clr-dg-column>
             <clr-dg-column>{{'MEMBER.ROLE' | translate}}</clr-dg-column>
diff --git a/src/portal/src/app/project/member/member.component.scss b/src/portal/src/app/project/member/member.component.scss
index d9d173b63..ab5f5c802 100644
--- a/src/portal/src/app/project/member/member.component.scss
+++ b/src/portal/src/app/project/member/member.component.scss
@@ -33,5 +33,12 @@ clr-datagrid {
 :host >>> clr-checkbox.checkbox.datagrid-foot-select {
     position: inherit;
 }
+.content-space {
+    margin-top: 12px;
+    position: relative;
+}
+.datagrid-pt {
+    padding-top: 0;
+}
 
 
diff --git a/src/portal/src/app/project/project-label/project-label.component.html b/src/portal/src/app/project/project-label/project-label.component.html
index dce2a254e..c8419ea1c 100644
--- a/src/portal/src/app/project/project-label/project-label.component.html
+++ b/src/portal/src/app/project/project-label/project-label.component.html
@@ -1,5 +1,5 @@
 <div class="row">
-  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="top: 8px;">            
+  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 label-top">            
     <hbr-label [projectId]="projectId" [scope]="'p'" [hasProjectAdminRole]="hasProjectAdminRole"></hbr-label>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/portal/src/app/project/project-label/project-label.component.scss b/src/portal/src/app/project/project-label/project-label.component.scss
index e69de29bb..9799b66d2 100644
--- a/src/portal/src/app/project/project-label/project-label.component.scss
+++ b/src/portal/src/app/project/project-label/project-label.component.scss
@@ -0,0 +1,3 @@
+.label-top {
+    top: 12px;
+}
\ No newline at end of file
diff --git a/src/portal/src/app/replication/replication-page.component.html b/src/portal/src/app/replication/replication-page.component.html
index ac423d9b2..579d1d5b1 100644
--- a/src/portal/src/app/replication/replication-page.component.html
+++ b/src/portal/src/app/replication/replication-page.component.html
@@ -1,3 +1,3 @@
-<div style="margin-top: 4px;">
+<div>
     <hbr-replication #replicationView [projectId]="projectIdentify" [projectName]="projectName" [isSystemAdmin]="isSystemAdmin" [withReplicationJob]='true'  (goToRegistry)="goRegistry()"></hbr-replication>
 </div>
\ No newline at end of file
diff --git a/src/portal/src/app/repository/repository-page.component.html b/src/portal/src/app/repository/repository-page.component.html
index a073468a7..fb579e7e4 100644
--- a/src/portal/src/app/repository/repository-page.component.html
+++ b/src/portal/src/app/repository/repository-page.component.html
@@ -1,4 +1,4 @@
-<div style="margin-top: 4px;">
+<div>
     <hbr-repository-gridview [projectId]="projectId" [projectName]="projectName" [hasSignedIn]="hasSignedIn"
     [hasProjectAdminRole]="hasProjectAdminRole" [mode]="mode"
     (repoClickEvent)="watchRepoClickEvent($event)"></hbr-repository-gridview>