diff --git a/website/src/components/Header/Header.tsx b/website/src/components/Header/Header.tsx
index b18af517..de5abec2 100644
--- a/website/src/components/Header/Header.tsx
+++ b/website/src/components/Header/Header.tsx
@@ -1,10 +1,9 @@
-import { Box, Divider, Button, Text, Flex, useColorMode } from "@chakra-ui/react";
+import { Box, Button, Text, Flex } from "@chakra-ui/react";
 import Image from "next/image";
 import Link from "next/link";
 import { useSession } from "next-auth/react";
 import { Flags } from "react-feature-flags";
 import { FaUser } from "react-icons/fa";
-import { colors } from "src/styles/Theme/colors";
 
 import { UserMenu } from "./UserMenu";
 
@@ -14,10 +13,12 @@ function AccountButton() {
     return;
   }
   return (
-    <Link href="/auth/signin" aria-label="Home" className="flex items-center">
-      <Button variant="outline" leftIcon={<FaUser />}>
-        Sign in
-      </Button>
+    <Link href="/auth/signin" aria-label="Home">
+      <Flex alignItems="center">
+        <Button variant="outline" leftIcon={<FaUser />}>
+          Sign in
+        </Button>
+      </Flex>
     </Link>
   );
 }
@@ -26,11 +27,9 @@ export function Header(props) {
   const { data: session } = useSession();
   const homeURL = session ? "/dashboard" : "/";
 
-  const { colorMode } = useColorMode();
-
   return (
     <nav className="oa-basic-theme">
-      <Box position="relative" display="flex" z="10" justifyContent="space-between" p="4">
+      <Box display="flex" justifyContent="space-between" p="4">
         <Link href={homeURL} aria-label="Home">
           <Flex alignItems="center">
             <Image src="/images/logos/logo.svg" className="mx-auto object-fill" width="50" height="50" alt="logo" />