From 40457e0526b8cbed7ccb5efa9e7d9ed50c991f9a Mon Sep 17 00:00:00 2001
From: Marcelo JCS <marcelojcs@outlook.com>
Date: Tue, 23 Jan 2024 12:46:03 -0300
Subject: [PATCH] fix(masthead): change container position to relative (#11431)

### Related Ticket(s)

Closes
[JIRA](https://jsw.ibm.com/browse/ADCMS-4398)

### Description

Adding `position: relative` style to the masthead container so it stacks properly.
---
 .../web-components/src/components/masthead/masthead-composite.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/web-components/src/components/masthead/masthead-composite.ts b/packages/web-components/src/components/masthead/masthead-composite.ts
index 62eee269f7c..a2c50f077a6 100644
--- a/packages/web-components/src/components/masthead/masthead-composite.ts
+++ b/packages/web-components/src/components/masthead/masthead-composite.ts
@@ -1526,6 +1526,7 @@ class C4DMastheadComposite extends HostListenerMixin(LitElement) {
 
     // This is a temp fix until we figure out why we can't set styles to the :host(c4d-masthead-container) in stylesheets
     this.style.zIndex = '900';
+    this.style.position = 'relative';
 
     // Allows conditional rendering of left/top navs.
     layoutBreakpoint.addEventListener('change', () => {