diff --git a/src/components/nav-menu.jsx b/src/components/nav-menu.jsx
index 116a8618..3b54dd52 100644
--- a/src/components/nav-menu.jsx
+++ b/src/components/nav-menu.jsx
@@ -189,7 +189,7 @@ function NavMenu(props) {
           </MenuLink>
         </section>
         <section>
-          {authenticated && (
+          {authenticated ? (
             <>
               <MenuDivider />
               {currentAccount?.info?.id && (
@@ -220,6 +220,13 @@ function NavMenu(props) {
                 <Icon icon="gear" size="l" /> <span>Settings&hellip;</span>
               </MenuItem>
             </>
+          ) : (
+            <>
+              <MenuDivider />
+              <MenuLink to="/login">
+                <Icon icon="user" size="l" /> <span>Log in</span>
+              </MenuLink>
+            </>
           )}
         </section>
       </ControlledMenu>