diff --git a/web/src/components/header.tsx b/web/src/components/header.tsx
index 1cb634f..a34ae1c 100644
--- a/web/src/components/header.tsx
+++ b/web/src/components/header.tsx
@@ -273,11 +273,16 @@ const Header = (props: any) => {
                 API
               </Button>
             </MenuItem>
-            <MenuItem onClick={handleLogout} sx={{ justifyContent: 'center' }}>
-              <Button variant="contained" color="primary">
-                Logout
-              </Button>
-            </MenuItem>
+            {appContext.loggedIn && (
+              <MenuItem
+                onClick={handleLogout}
+                sx={{ justifyContent: 'center' }}
+              >
+                <Button variant="contained" color="primary">
+                  Logout
+                </Button>
+              </MenuItem>
+            )}
           </Menu>
         </div>
       </Toolbar>