diff --git a/site/src/components/LoginButton.jsx b/site/src/components/LoginButton.jsx
index 560863a..7e79ae9 100644
--- a/site/src/components/LoginButton.jsx
+++ b/site/src/components/LoginButton.jsx
@@ -2,9 +2,11 @@ import React from "react";
 import { useAuth0 } from "@auth0/auth0-react";
 
 const LoginButton = () => {
-  const { loginWithRedirect } = useAuth0();
+  const { loginWithRedirect, isAuthenticated } = useAuth0();
 
-  return <button onClick={() => loginWithRedirect()}>Log In</button>;
+  return (
+    !isAuthenticated && <button onClick={() => loginWithRedirect()}>Log In</button>
+  );
 };
 
 export default LoginButton;
diff --git a/site/src/components/LogoutButton.jsx b/site/src/components/LogoutButton.jsx
index d4c0a4e..d2f8d2b 100644
--- a/site/src/components/LogoutButton.jsx
+++ b/site/src/components/LogoutButton.jsx
@@ -2,12 +2,15 @@ import React from "react";
 import { useAuth0 } from "@auth0/auth0-react";
 
 const LogoutButton = () => {
-  const { logout } = useAuth0();
+  const { logout, isAuthenticated } = useAuth0();
 
   return (
-    <button onClick={() => logout({ returnTo: window.location.origin })}>
-      Log Out
-    </button>
+    (
+      isAuthenticated &&
+      <button onClick={() => logout({ returnTo: window.location.origin })}>
+        Log Out
+      </button>
+    )
   );
 };