From 37f2a4357abf25a70ce1cd27b9fcfd7eff108729 Mon Sep 17 00:00:00 2001
From: Jeremy Pople <jeremy@ethyca.com>
Date: Thu, 14 Nov 2024 15:21:18 -0600
Subject: [PATCH 1/2] add min-height to secondary actions when brand is present

---
 clients/fides-js/src/components/ConsentButtons.tsx |  2 +-
 clients/fides-js/src/components/fides.css          | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/clients/fides-js/src/components/ConsentButtons.tsx b/clients/fides-js/src/components/ConsentButtons.tsx
index b065184ed7..ea19b10cee 100644
--- a/clients/fides-js/src/components/ConsentButtons.tsx
+++ b/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
diff --git a/clients/fides-js/src/components/fides.css b/clients/fides-js/src/components/fides.css
index 6c0e8ede21..995af6e740 100644
--- a/clients/fides-js/src/components/fides.css
+++ b/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 {

From 5cd0e02ee75e0e308e9fa777735b5944c3b5bc34 Mon Sep 17 00:00:00 2001
From: Jeremy Pople <jeremy@ethyca.com>
Date: Thu, 14 Nov 2024 15:28:57 -0600
Subject: [PATCH 2/2] update changelog

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3ba0f33174..00816fca25 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -42,6 +42,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)