diff --git a/src/app/item-page/orcid-page/orcid-auth/orcid-auth.component.html b/src/app/item-page/orcid-page/orcid-auth/orcid-auth.component.html
index a108e14273..e57ce33008 100644
--- a/src/app/item-page/orcid-page/orcid-auth/orcid-auth.component.html
+++ b/src/app/item-page/orcid-page/orcid-auth/orcid-auth.component.html
@@ -1,12 +1,12 @@
-<div class="container">
+<div class="container mb-5">
   <h2>{{'person.orcid.registry.auth' | translate}}</h2>
   <ng-container *ngIf="(isLinkedToOrcid() | async); then orcidLinked; else orcidNotLinked"></ng-container>
 </div>
 
 <ng-template #orcidLinked>
   <div data-test="orcidLinked">
-    <div class="row mb-3">
-      <div *ngIf="(hasOrcidAuthorizations() | async)" class="col-sm-6" data-test="hasOrcidAuthorizations">
+    <div class="row">
+      <div *ngIf="(hasOrcidAuthorizations() | async)" class="col-sm-6 mb-3" data-test="hasOrcidAuthorizations">
         <div class="card h-100">
           <div class="card-header">{{ 'person.page.orcid.granted-authorizations'| translate }}</div>
           <div class="card-body">
@@ -20,7 +20,7 @@
           </div>
         </div>
       </div>
-      <div class="col-sm-6">
+      <div class="col-sm-6 mb-3">
         <div class="card h-100">
           <div class="card-header">{{ 'person.page.orcid.missing-authorizations'| translate }}</div>
           <div class="card-body">
diff --git a/src/app/item-page/orcid-page/orcid-page.component.html b/src/app/item-page/orcid-page/orcid-page.component.html
index 4938235f50..12f7466bac 100644
--- a/src/app/item-page/orcid-page/orcid-page.component.html
+++ b/src/app/item-page/orcid-page/orcid-page.component.html
@@ -13,6 +13,6 @@
   <ds-alert [type]="'alert-danger'">{{'person.page.orcid.link.error.message' | translate}}</ds-alert>
 </div>
 <ng-container *ngIf="!(processingConnection | async) && (item | async) && (connectionStatus | async)" >
-  <ds-orcid-auth [item]="(item | async)" (unlink)="updateItem()" class="mb-5" data-test="orcid-auth"></ds-orcid-auth>
+  <ds-orcid-auth [item]="(item | async)" (unlink)="updateItem()" data-test="orcid-auth"></ds-orcid-auth>
   <ds-orcid-sync-setting *ngIf="isLinkedToOrcid()" [item]="(item | async)" data-test="orcid-sync-setting"></ds-orcid-sync-setting>
 </ng-container>
diff --git a/src/app/item-page/orcid-page/orcid-sync-settings/orcid-sync-settings.component.html b/src/app/item-page/orcid-page/orcid-sync-settings/orcid-sync-settings.component.html
index 09fc19291a..ee9a15268a 100644
--- a/src/app/item-page/orcid-page/orcid-sync-settings/orcid-sync-settings.component.html
+++ b/src/app/item-page/orcid-page/orcid-sync-settings/orcid-sync-settings.component.html
@@ -1,4 +1,4 @@
-<div class="container">
+<div class="container mb-5">
   <h2>{{'person.orcid.sync.setting' | translate}}</h2>
   <form #f="ngForm" (ngSubmit)="onSubmit(f.form)">
     <div class="row mb-3">
@@ -25,8 +25,8 @@
         </div>
       </div>
     </div>
-    <div class="row mb-3">
-      <div class="col-md">
+    <div class="row">
+      <div class="col-md mb-3">
         <div class="card h-100" data-test="sync-mode-publication">
           <div class="card-header">{{ 'person.page.orcid.publications-preferences'| translate }}</div>
           <div class="card-body">
@@ -49,7 +49,7 @@
           </div>
         </div>
       </div>
-      <div class="col-md">
+      <div class="col-md mb-3">
         <div class="card h-100" data-test="sync-mode-funding">
           <div class="card-header">{{ 'person.page.orcid.funding-preferences'| translate }}</div>
           <div class="card-body">
@@ -71,7 +71,7 @@
           </div>
         </div>
       </div>
-      <div class="col-md">
+      <div class="col-md mb-3">
         <div class="card h-100" data-test="profile-preferences">
           <div class="card-header">{{ 'person.page.orcid.profile-preferences'| translate }}</div>
           <div class="card-body">