diff --git a/src/app/features/collections/components/collections-discover/collections-discover.component.html b/src/app/features/collections/components/collections-discover/collections-discover.component.html
index 875329e71..1e9261f03 100644
--- a/src/app/features/collections/components/collections-discover/collections-discover.component.html
+++ b/src/app/features/collections/components/collections-discover/collections-discover.component.html
@@ -4,6 +4,10 @@
       class="collections-sub-header flex justify-content-between flex-column gap-4 mb-4 sm:mb-6 sm:gap-0 sm:flex-row"
     >
       <div class="flex gap-3">
+        <h1 class="collections-heading flex align-items-center">{{ collectionProvider()?.name }}</h1>
+      </div>
+
+      <div class="flex m-auto">
         @let provider = collectionProvider();
 
         @if (provider && provider.assets) {
@@ -14,8 +18,6 @@
             [src]="provider.assets.squareColorNoTransparent"
           />
         }
-
-        <h1 class="collections-heading flex align-items-center">{{ collectionProvider()?.name }}</h1>
       </div>
 
       <p-button [routerLink]="['../add']" [label]="'common.buttons.addToCollection' | translate" />
diff --git a/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html b/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html
index 8754ee628..7339576ee 100644
--- a/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html
+++ b/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html
@@ -3,6 +3,12 @@
     <div class="flex align-items-center gap-2">
       @if (isPreprintProviderLoading()) {
         <p-skeleton width="3rem" height="1.5rem" />
+      } @else {
+        <h1 class="preprint-provider-name">{{ preprintProvider()!.name }}</h1>
+      }
+    </div>
+    <div class="flex align-items-center gap-2 m-auto">
+      @if (isPreprintProviderLoading()) {
         <p-skeleton width="12rem" height="1.5rem" />
       } @else {
         <img
@@ -10,7 +16,6 @@
           [src]="preprintProvider()!.brand.heroLogoImageUrl"
           [alt]="'preprints.selectService.providerLogoImageAlt' | translate"
         />
-        <h1 class="preprint-provider-name">{{ preprintProvider()!.name }}</h1>
       }
     </div>