Fix misalignment of "powered by" brand link (#5496)

CHANGELOG.md

@@ -25,6 +25,7 @@ The types of changes are:
 
 ### Fixed
 - Use BlueConic Profile API correctly. [#5487](https://github.com/ethyca/fides/pull/5487)
+- Fixed a bug where branding link was sometimes misaligned [#5496](https://github.com/ethyca/fides/pull/5496)
 
 ## [2.49.0](https://github.com/ethyca/fidesplus/compare/2.48.2...2.49.0)
 

clients/fides-js/src/components/ConsentButtons.tsx

@@ -111,7 +111,7 @@ export const ConsentButtons = ({
             : "fides-banner-button-group fides-banner-secondary-actions"
         }${includeLanguageSelector ? " fides-button-group-i18n" : ""}${
           includePrivacyPolicyLink ? " fides-button-group-privacy-policy" : ""
-        }`}
+        }${includeBrandLink ? " fides-button-group-brand" : ""}`}
       >
         {includeLanguageSelector && (
           <LanguageSelector

clients/fides-js/src/components/fides.css

@@ -79,6 +79,10 @@
   --fides-overlay-banner-offset: 48px;
   --fides-banner-font-size-title: var(--16px);
   --fides-overlay-language-loading-indicator-speed: 5s;
+  --fides-overlay-modal-secondary-button-group-height: calc(
+    var(--fides-overlay-font-size-body) +
+      (var(--fides-overlay-link-v-padding) * 2)
+  );
 }
 
 @keyframes spin {
@@ -481,6 +485,10 @@ div#fides-consent-content .fides-modal-description {
   justify-content: center;
 }
 
+.fides-modal-container .fides-button-group-brand {
+  min-height: var(--fides-overlay-modal-secondary-button-group-height);
+}
+
 .fides-modal-secondary-actions .fides-brand {
   position: absolute;
   right: var(--fides-overlay-padding);
@@ -1022,10 +1030,7 @@ div#fides-overlay-wrapper .fides-toggle .fides-toggle-display {
 }
 
 .fides-modal-container .fides-button-group-i18n {
-  min-height: calc(
-    var(--fides-overlay-font-size-body) +
-      (var(--fides-overlay-link-v-padding) * 2)
-  );
+  min-height: var(--fides-overlay-modal-secondary-button-group-height);
 }
 
 div.fides-i18n-pseudo-button {