diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index c914ee2..d08715f 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -152,10 +152,10 @@ export default function (props: {
                   />
                   <Text>{data.id ? data.username : ""}</Text>
                   <Button
+                    colorScheme="blue"
                     onClick={async () => await destroySession()}
                     size="md"
                     style={{ display: data.id ? "block" : "none" }}
-                    variant="ghost"
                   >
                     <svg
                       xmlns="http://www.w3.org/2000/svg"