diff --git a/components/Header/index.tsx b/components/Header/index.tsx
index e00579f9..44bf4269 100644
--- a/components/Header/index.tsx
+++ b/components/Header/index.tsx
@@ -59,7 +59,10 @@ const Header = (props: Props) => {
             <div id="left">
                 <div className="dropdown">
                     <Button type="menu">Menu</Button>
-                    <HeaderMenu username={username} logout={logout} />
+                    { (username) ? 
+                        <HeaderMenu username={username} logout={logout} /> :
+                        <HeaderMenu logout={logout} />
+                    }
                 </div>
             </div>
             <div className="push" />
diff --git a/components/HeaderMenu/index.tsx b/components/HeaderMenu/index.tsx
index 02e7c4e6..14ee6cd4 100644
--- a/components/HeaderMenu/index.tsx
+++ b/components/HeaderMenu/index.tsx
@@ -16,7 +16,7 @@ import AboutModal from '~components/AboutModal'
 
 
 interface Props {
-    username: string,
+    username?: string,
     logout: () => void
 }