THE COLOR OF MONEY

frontend/src/layout/AppHeader/index.tsx

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react'
 import { Avatar, Dropdown, Menu } from 'antd'
-import { Header } from 'antd/lib/layout/layout'
 import { Link, useHistory } from 'react-router-dom'
 import { useUserContext } from '../../contexts/UserContext'
 
@@ -18,14 +17,14 @@ export const AppHeader = ({ children }: Props) => {
   // Unauthed Header
   if (!user)
     return (
-      <Header className="stax-header">
+      <header className="stax-header">
         <h3>CashStacks! 💵</h3>
-      </Header>
+      </header>
     )
 
   // Authed Header
   return (
-    <div className="stax-header">
+    <header>
       <div className="header-left">
         <Link to="/">
           <h3>MVP Django React! 🤠</h3>
@@ -52,6 +51,6 @@ export const AppHeader = ({ children }: Props) => {
           <Avatar>{user.name[0]}</Avatar>
         </Dropdown>
       </div>
-    </div>
+    </header>
   )
 }