diff --git a/src/app/features/institutions/pages/institutions-search/institutions-search.component.html b/src/app/features/institutions/pages/institutions-search/institutions-search.component.html
index dd2f874f9..31e4def39 100644
--- a/src/app/features/institutions/pages/institutions-search/institutions-search.component.html
+++ b/src/app/features/institutions/pages/institutions-search/institutions-search.component.html
@@ -5,7 +5,7 @@
     </div>
   } @else {
     <div class="flex flex-column gap-5 p-5">
-      <div class="flex align-items-center gap-2">
+      <div class="flex align-items-center gap-2 justify-content-center">
         <img
           [ngSrc]="institution().assets.logo"
           [alt]="institution().name"
diff --git a/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.html b/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.html
index 41511cd27..4f6bdffe3 100644
--- a/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.html
+++ b/src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.html
@@ -1,6 +1,6 @@
 <section class="registries-hero-container py-5 px-3 flex flex-column gap-4 md:py-6 md:px-4">
   <div class="flex flex-column align-items-start justify-content-between gap-4 md:flex-row">
-    <div class="flex align-items-center gap-2">
+    <div class="flex align-items-center justify-content-center gap-2 w-full">
       @if (isProviderLoading()) {
         <p-skeleton width="3rem" height="1.5rem" />
         <p-skeleton width="12rem" height="1.5rem" />
@@ -9,7 +9,11 @@
       }
     </div>
 
-    <p-button [label]="'registries.addRegistration' | translate" (onClick)="navigateToCreatePage()"></p-button>
+    <p-button
+      [label]="'registries.addRegistration' | translate"
+      (onClick)="navigateToCreatePage()"
+      styleClass="w-max"
+    ></p-button>
   </div>
 
   <div class="provider-description">