diff --git a/packages/app/src/styles/components/header.css b/packages/app/src/styles/components/header.css
index 6c2243c5..1fed4975 100644
--- a/packages/app/src/styles/components/header.css
+++ b/packages/app/src/styles/components/header.css
@@ -23,7 +23,7 @@
   }
   .header--wallet {
     @apply flex items-center gap-1;
-    place-self: end;
+    place-self: center end;
     grid-area: 1 / 1 / 2 / 3;
   }
   .header--nav {
@@ -39,7 +39,7 @@
       grid-area: 1 / 1 / 2 / 2;
     }
     .header--wallet {
-      place-self: end;
+      place-self: center end;
       grid-area: 1 / 4 / 2 / 9;
     }
     .header--nav {
@@ -58,7 +58,7 @@
       grid-area: 1 / 1 / 2 / 2;
     }
     .header--wallet {
-      place-self: end;
+      place-self: center end;
       grid-area: 1 / 4 / 2 / 9;
     }
     .header--nav {
diff --git a/packages/app/src/systems/Core/components/Header.tsx b/packages/app/src/systems/Core/components/Header.tsx
index 3a8e3b9f..27a65465 100644
--- a/packages/app/src/systems/Core/components/Header.tsx
+++ b/packages/app/src/systems/Core/components/Header.tsx
@@ -56,10 +56,12 @@ export const Header = () => {
   return (
     <div className="header">
       <img
+        onClick={() => navigate("/")}
         src={relativeUrl("/fuel-logo-512x512.png")}
         alt="swayswap"
-        height={40}
-        width={40}
+        className="cursor-pointer"
+        height={46}
+        width={46}
       />
       {wallet && (
         <div className="header--nav">