From a0736d42cc9028ab77cf985b8d4c79dbd4523a51 Mon Sep 17 00:00:00 2001
From: Pavindu Lakshan <pavindulakshan@gmail.com>
Date: Wed, 20 Dec 2023 12:21:54 +0530
Subject: [PATCH] fix(react): add minimum width to brand element in header
 component

---
 packages/react/src/components/Header/header.scss | 3 +--
 packages/react/src/theme/default-theme.ts        | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/components/Header/header.scss b/packages/react/src/components/Header/header.scss
index 5ad7202c..d033e2bf 100644
--- a/packages/react/src/components/Header/header.scss
+++ b/packages/react/src/components/Header/header.scss
@@ -31,10 +31,9 @@
   .oxygen-brand {
     display: flex;
     align-items: center;
-    width: calc(var(--oxygen-customComponents-Navbar-properties-width) - 77px);
+    min-width: calc(var(--oxygen-customComponents-Navbar-properties-width) - 90px);
     text-decoration: none;
     color: inherit;
-    min-width: 230px;
 
     &-logo {
       height: 40px;
diff --git a/packages/react/src/theme/default-theme.ts b/packages/react/src/theme/default-theme.ts
index dc93827f..8c3289b4 100644
--- a/packages/react/src/theme/default-theme.ts
+++ b/packages/react/src/theme/default-theme.ts
@@ -189,7 +189,7 @@ export const generateDefaultThemeOptions = (baseTheme: Theme): RecursivePartial<
     Navbar: {
       properties: {
         'mini-variant-width': '64px',
-        width: '300px',
+        width: '310px',
       },
     },
     Stepper: {