diff --git a/packages/react/src/components/Header/header.scss b/packages/react/src/components/Header/header.scss
index 5ad7202c..6527145e 100644
--- a/packages/react/src/components/Header/header.scss
+++ b/packages/react/src/components/Header/header.scss
@@ -31,10 +31,10 @@
   .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;
+    margin-right: 18px;
 
     &-logo {
       height: 40px;
diff --git a/packages/react/src/theme/default-theme.ts b/packages/react/src/theme/default-theme.ts
index dc93827f..7baa5857 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: '315px',
       },
     },
     Stepper: {