From 3e51ee0b927ac134c16c0356c00388a73c283112 Mon Sep 17 00:00:00 2001
From: origami-z <5257855+origami-z@users.noreply.github.com>
Date: Wed, 18 Sep 2024 15:17:36 +0100
Subject: [PATCH] Relax navigation width condition

---
 .changeset/mighty-monkeys-switch.md                 | 5 +++++
 .changeset/perfect-cougars-grab.md                  | 5 +++++
 packages/site-components/src/Sidebar/styles.css.ts  | 2 +-
 packages/site-components/src/VerticalNavigation.tsx | 2 +-
 packages/store/src/store.ts                         | 1 +
 5 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/mighty-monkeys-switch.md
 create mode 100644 .changeset/perfect-cougars-grab.md

diff --git a/.changeset/mighty-monkeys-switch.md b/.changeset/mighty-monkeys-switch.md
new file mode 100644
index 000000000..ebf150d08
--- /dev/null
+++ b/.changeset/mighty-monkeys-switch.md
@@ -0,0 +1,5 @@
+---
+'@jpmorganchase/mosaic-site-components': patch
+---
+
+Relax navigation width condition for different responsive usage
diff --git a/.changeset/perfect-cougars-grab.md b/.changeset/perfect-cougars-grab.md
new file mode 100644
index 000000000..79c2fb81d
--- /dev/null
+++ b/.changeset/perfect-cougars-grab.md
@@ -0,0 +1,5 @@
+---
+'@jpmorganchase/mosaic-store': patch
+---
+
+Add displayName for `StoreContext`
diff --git a/packages/site-components/src/Sidebar/styles.css.ts b/packages/site-components/src/Sidebar/styles.css.ts
index 8aa0d6531..5d3681430 100644
--- a/packages/site-components/src/Sidebar/styles.css.ts
+++ b/packages/site-components/src/Sidebar/styles.css.ts
@@ -6,7 +6,7 @@ export default {
     {
       zIndex: 3,
       flexGrow: 0,
-      width: '300px'
+      minWidth: '300px'
     },
     sidebar.container
   ]),
diff --git a/packages/site-components/src/VerticalNavigation.tsx b/packages/site-components/src/VerticalNavigation.tsx
index dbce5f99d..d8c094957 100644
--- a/packages/site-components/src/VerticalNavigation.tsx
+++ b/packages/site-components/src/VerticalNavigation.tsx
@@ -117,7 +117,7 @@ export const VerticalNavigation: React.FC<VerticalNavigationProps> = ({
         data-testid="vertical-navigation"
         as="ul"
         gap="var(--salt-size-border)"
-        style={{ width: 250, listStyle: 'none', paddingLeft: 0 }}
+        style={{ minWidth: 250, listStyle: 'none', paddingLeft: 0 }}
       >
         {menu.map(item =>
           renderNavigationItem(
diff --git a/packages/store/src/store.ts b/packages/store/src/store.ts
index 950728fb6..45520bb22 100644
--- a/packages/store/src/store.ts
+++ b/packages/store/src/store.ts
@@ -53,6 +53,7 @@ function getDefaultInitialState(): DefaultSiteState {
 }
 
 const StoreContext = createContext<typeof store | undefined>(undefined);
+StoreContext.displayName = 'StoreContext';
 const StoreProvider = StoreContext.Provider;
 
 const storeMiddlewares = stateCreatorFn =>