From ddb8b1bd58b63aa9a7c8df6a7450cccaf88aab18 Mon Sep 17 00:00:00 2001
From: Chandan Sharma <chandan@bluetext.com>
Date: Wed, 30 Oct 2024 22:32:01 -0700
Subject: [PATCH 1/3] Solutions header fix for css

---
 blocks/solution-header/solution-header.css | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/blocks/solution-header/solution-header.css b/blocks/solution-header/solution-header.css
index 75cc0d46..57b08db4 100644
--- a/blocks/solution-header/solution-header.css
+++ b/blocks/solution-header/solution-header.css
@@ -219,12 +219,14 @@
 .solution-header-wrapper:has(.navattic), .solution-header-wrapper.is-sticky:has(.navattic) {
   width: 100%;
   max-width: unset;
-  padding-bottom: var(--spacer-element-07) !important;
-  padding-top: var(--spacer-element-07) !important;
+  /* padding-bottom: var(--spacer-element-07) !important; */
+  /* padding-top: var(--spacer-element-07) !important; */
   height: unset;
   background: var(--neutral-carbon);
   opacity: 1;
   border-bottom: 1px solid var(--neutral-grey-tint140);
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
 }
 
 .solution-header-wrapper .solution-header.navattic, .solution-header-wrapper.is-sticky .solution-header.navattic {
@@ -408,17 +410,21 @@
   .solution-header {
     margin: 0 auto;
     width: 100%;
+    display: flex;
+    align-items: flex-end;
   }
 
   .solution-header .solution-header__inner {
     display: flex;
     height: 100%;
-    align-items: flex-end;
+    /* align-items: flex-end; */
     justify-content: space-between;
     flex-shrink: 0;
     gap: var(--spacer-layout-04);
     padding-top: 0;
     padding-bottom: 0;
+    width: var(--section-width-desktop);
+    height: var(--nav-height);
   }
 
   .solution-header ul {
@@ -446,12 +452,14 @@
   }
 
   .solution-header .solution-header__inner .solution-header__col-1 {
+    display: flex;
+    align-items: center;
     margin: 0;
   }
 
   .solution-header .solution-header__inner .solution-header__col-2 {
     overflow-x: auto;
-    max-width: 650px;
+    /* max-width: 650px; */
     height: 100%;
     margin: 0 0 calc(var(--spacer-element-08) * -1) 0;
     border-top: 0;
@@ -461,6 +469,8 @@
     position: relative;
     top: inherit;
     right: inherit;
+    display: flex;
+    align-items: center;
   }
 
   .solution-header ul li a {

From 84a3ded2f6568d3ac5c269da4e4899b809e77391 Mon Sep 17 00:00:00 2001
From: Chandan Sharma <chandan@bluetext.com>
Date: Wed, 30 Oct 2024 22:37:58 -0700
Subject: [PATCH 2/3] Solutions header fix for css

---
 blocks/solution-header/solution-header.css | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/blocks/solution-header/solution-header.css b/blocks/solution-header/solution-header.css
index 57b08db4..25c975f0 100644
--- a/blocks/solution-header/solution-header.css
+++ b/blocks/solution-header/solution-header.css
@@ -219,8 +219,6 @@
 .solution-header-wrapper:has(.navattic), .solution-header-wrapper.is-sticky:has(.navattic) {
   width: 100%;
   max-width: unset;
-  /* padding-bottom: var(--spacer-element-07) !important; */
-  /* padding-top: var(--spacer-element-07) !important; */
   height: unset;
   background: var(--neutral-carbon);
   opacity: 1;
@@ -406,7 +404,6 @@
 
 /* Desktop */
 @media (min-width: 1200px) {
-  /* Block - Solution Header */
   .solution-header {
     margin: 0 auto;
     width: 100%;
@@ -417,7 +414,6 @@
   .solution-header .solution-header__inner {
     display: flex;
     height: 100%;
-    /* align-items: flex-end; */
     justify-content: space-between;
     flex-shrink: 0;
     gap: var(--spacer-layout-04);
@@ -459,7 +455,6 @@
 
   .solution-header .solution-header__inner .solution-header__col-2 {
     overflow-x: auto;
-    /* max-width: 650px; */
     height: 100%;
     margin: 0 0 calc(var(--spacer-element-08) * -1) 0;
     border-top: 0;

From ef67e22abc0af5f14b9c150a7605606a3437658c Mon Sep 17 00:00:00 2001
From: Chandan Sharma <chandan@bluetext.com>
Date: Wed, 30 Oct 2024 22:41:06 -0700
Subject: [PATCH 3/3] Solutions header fix for css

---
 blocks/solution-header/solution-header.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/blocks/solution-header/solution-header.css b/blocks/solution-header/solution-header.css
index 25c975f0..e3437852 100644
--- a/blocks/solution-header/solution-header.css
+++ b/blocks/solution-header/solution-header.css
@@ -413,7 +413,6 @@
 
   .solution-header .solution-header__inner {
     display: flex;
-    height: 100%;
     justify-content: space-between;
     flex-shrink: 0;
     gap: var(--spacer-layout-04);