diff --git a/dapp/src/components/Header/index.tsx b/dapp/src/components/Header/index.tsx
index 56e427097..09d7fc1ed 100644
--- a/dapp/src/components/Header/index.tsx
+++ b/dapp/src/components/Header/index.tsx
@@ -1,15 +1,15 @@
 import React from "react"
-import { Box, Flex, Icon } from "@chakra-ui/react"
+import { Flex, HStack, Icon } from "@chakra-ui/react"
 import ConnectWallet from "./ConnectWallet"
 import { AcreLogo } from "../../static/icons"
 
 export default function Header() {
   return (
-    <Box as="header">
-      <Icon as={AcreLogo} boxSize={20} position="absolute" left={6} />
-      <Flex justifyContent="end" p={6}>
+    <HStack as="header" p={6}>
+      <Icon as={AcreLogo} boxSize={20} />
+      <Flex ml="auto">
         <ConnectWallet />
       </Flex>
-    </Box>
+    </HStack>
   )
 }