diff --git a/.changeset/yellow-singers-accept.md b/.changeset/yellow-singers-accept.md
new file mode 100644
index 00000000000..1d21fa47365
--- /dev/null
+++ b/.changeset/yellow-singers-accept.md
@@ -0,0 +1,6 @@
+---
+"@wso2is/console": patch
+"@wso2is/theme": patch
+---
+
+Fix logo misalignment
diff --git a/apps/console/src/features/core/components/header.tsx b/apps/console/src/features/core/components/header.tsx
index 902e312ec45..fdbf8b3998d 100644
--- a/apps/console/src/features/core/components/header.tsx
+++ b/apps/console/src/features/core/components/header.tsx
@@ -406,53 +406,37 @@ export const Header: FunctionComponent<HeaderPropsInterface> = (
         return true;
     };
 
+    const LOGO_IMAGE = () => {
+        return (
+            <Image
+                src={ resolveAppLogoFilePath(
+                    window[ "AppUtils" ].getConfig().ui.appLogoPath,
+                    `${ window[ "AppUtils" ].getConfig().clientOrigin
+                    }/` +
+                    `${ StringUtils.removeSlashesFromPath(
+                        window[ "AppUtils" ].getConfig()
+                            .appBase
+                    ) !== ""
+                        ? StringUtils.removeSlashesFromPath(
+                            window[ "AppUtils" ].getConfig()
+                                .appBase
+                        ) + "/"
+                        : ""
+                    }libs/themes/` +
+                    config.ui.theme.name
+                ) }
+                alt="logo"
+            />
+        );
+    };
+
     return (
         <OxygenHeader
             className="is-header"
             brand={ {
                 logo: {
-                    desktop: (
-                        <Image
-                            src={ resolveAppLogoFilePath(
-                                window[ "AppUtils" ].getConfig().ui.appLogoPath,
-                                `${ window[ "AppUtils" ].getConfig().clientOrigin
-                                }/` +
-                                `${ StringUtils.removeSlashesFromPath(
-                                    window[ "AppUtils" ].getConfig()
-                                        .appBase
-                                ) !== ""
-                                    ? StringUtils.removeSlashesFromPath(
-                                        window[ "AppUtils" ].getConfig()
-                                            .appBase
-                                    ) + "/"
-                                    : ""
-                                }libs/themes/` +
-                                config.ui.theme.name
-                            ) }
-                            alt="logo"
-                        />
-                    ),
-                    mobile: (
-                        <Image
-                            src={ resolveAppLogoFilePath(
-                                window[ "AppUtils" ].getConfig().ui.appLogoPath,
-                                `${ window[ "AppUtils" ].getConfig().clientOrigin
-                                }/` +
-                                `${ StringUtils.removeSlashesFromPath(
-                                    window[ "AppUtils" ].getConfig()
-                                        .appBase
-                                ) !== ""
-                                    ? StringUtils.removeSlashesFromPath(
-                                        window[ "AppUtils" ].getConfig()
-                                            .appBase
-                                    ) + "/"
-                                    : ""
-                                }libs/themes/` +
-                                config.ui.theme.name
-                            ) }
-                            alt="logo"
-                        />
-                    )
+                    desktop: (<LOGO_IMAGE />),
+                    mobile: (<LOGO_IMAGE />)
                 },
                 onClick: () => history.push(config.deployment.appHomePath),
                 title: config.ui.appName
diff --git a/modules/theme/src/themes/default/elements/header.overrides b/modules/theme/src/themes/default/elements/header.overrides
index 5faf0390061..3ff36500d87 100644
--- a/modules/theme/src/themes/default/elements/header.overrides
+++ b/modules/theme/src/themes/default/elements/header.overrides
@@ -84,6 +84,7 @@ h6.ui.header .sub.header {
 .is-header {
     &.oxygen-header .oxygen-brand {
         width: auto;
+        min-width: calc(var(--oxygen-customComponents-Navbar-properties-width) - 90px);
     }
 
     &.oxygen-header .oxygen-brand-logo {
@@ -104,5 +105,6 @@ h6.ui.header .sub.header {
 
     &.oxygen-header.with-hamburger .oxygen-header-toolbar .oxygen-brand {
         margin-left: 0 !important;
+        margin-right: 18px;
     }
 }