diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss
index 35393ae9..98a760f8 100644
--- a/src/components/Header/Header.scss
+++ b/src/components/Header/Header.scss
@@ -1,7 +1,7 @@
 .header {
     height: 4rem;
     display: flex;
-    justify-content: end;
+    justify-content: space-between;
     align-items: center;
     font-size: 1.6rem;
     font-weight: 800;
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index b48f07bd..07986687 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -1,3 +1,4 @@
+import { DerivProductDerivP2pBrandLightLogoWordmarkHorizontalIcon } from '@deriv/quill-icons';
 import { useAuthData } from '@deriv-com/api-hooks';
 import { Button } from '@deriv-com/ui';
 import { LocalStorageConstants, LocalStorageUtils, URLUtils } from '@deriv-com/utils';
@@ -14,6 +15,7 @@ const Header = () => {
 
     return (
         <div className='header'>
+            <DerivProductDerivP2pBrandLightLogoWordmarkHorizontalIcon width='100' />
             {activeLoginid ? (
                 <Button onClick={logout}>Logout</Button>
             ) : (