diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
index 3e9fafc714f..a98b1421e42 100644
--- a/src/app/footer/footer.component.html
+++ b/src/app/footer/footer.component.html
@@ -57,12 +57,6 @@ <h5 class="text-uppercase">Footer Content</h5>
         {{ 'footer.copyright' | translate:{year: dateObj | date:'y'} }}
         <a class="text-white"
         href="https://www.lyrasis.org/" role="link" tabindex="0">{{ 'footer.link.lyrasis' | translate}}</a>
-        @if ((themedByCompanyName$ | async)?.payload?.values?.[0]; as themedByCompany) {
-          <span class="ms-2">&middot;&nbsp;Theme by
-            <a class="text-white text-decoration-underline"
-            [href]="((themedByUrl$ | async)?.payload?.values)?.[0] || '#'" target="_blank" rel="noopener noreferrer" role="link">{{ themedByCompany }}</a>
-          </span>
-        }
       </p>
       <ul class="footer-info list-unstyled d-flex flex-wrap justify-content-center mb-0">
         @if (showCookieSettings) {
@@ -96,6 +90,12 @@ <h5 class="text-uppercase">Footer Content</h5>
         }
       </ul>
     </div>
+    @if ((themedByCompanyName$ | async)?.payload?.values?.[0]; as themedByCompany) {
+      <div class="footer-sign">
+        <a class="text-white"
+          [href]="((themedByUrl$ | async)?.payload?.values)?.[0] || '#'" target="_blank" rel="noopener noreferrer" role="link">{{ themedByCompany }}</a>
+      </div>
+    }
     @if (coarLdnEnabled$ | async) {
       <div class="notify-enabled text-white align-self-end">
         <a class="coar-notify-support-route" routerLink="info/coar-notify-support" role="link" tabindex="0">
diff --git a/src/app/footer/footer.component.scss b/src/app/footer/footer.component.scss
index f890815febc..eec15957d79 100644
--- a/src/app/footer/footer.component.scss
+++ b/src/app/footer/footer.component.scss
@@ -22,6 +22,16 @@
     }
 
     .bottom-footer {
+      // Vendor credit stands on its own to the right of the centred copyright
+      // block. A plain flex item with a wide gap rather than absolute
+      // positioning, so it never overlaps the .notify-enabled block that pins
+      // itself bottom-right.
+      .footer-sign {
+        @media screen and (min-width: map-get($grid-breakpoints, md)) {
+          margin-left: 16rem;
+        }
+      }
+
       .notify-enabled {
         position: relative;
         margin-top: 4px;