From f6db55e16771ae14649aad664e360dfae8e907a0 Mon Sep 17 00:00:00 2001
From: southclaws <south@cla.ws>
Date: Tue, 8 Oct 2024 13:42:42 +0100
Subject: [PATCH] fix logout anchor styles

---
 web/src/components/site/Navigation/Anchors/Logout.tsx  | 7 +++++--
 web/src/components/site/Navigation/Navpill/Navpill.tsx | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/components/site/Navigation/Anchors/Logout.tsx b/web/src/components/site/Navigation/Anchors/Logout.tsx
index d101195ed..412cd43d8 100644
--- a/web/src/components/site/Navigation/Anchors/Logout.tsx
+++ b/web/src/components/site/Navigation/Anchors/Logout.tsx
@@ -14,9 +14,12 @@ export const LogoutIcon = <LogoutGraphic />;
 type Props = AnchorProps & LinkButtonStyleProps;
 
 export function LogoutAnchor({ hideLabel, ...props }: Props) {
-  // TODO: Use <a> for this
   return (
-    <a className={button(props)} href={LogoutRoute} title={LogoutLabel}>
+    <a
+      className={button({ variant: "ghost", ...props })}
+      href={LogoutRoute}
+      title={LogoutLabel}
+    >
       {LogoutIcon}
       {!hideLabel && (
         <>
diff --git a/web/src/components/site/Navigation/Navpill/Navpill.tsx b/web/src/components/site/Navigation/Navpill/Navpill.tsx
index 8aa66ef0b..a2c28f9dd 100644
--- a/web/src/components/site/Navigation/Navpill/Navpill.tsx
+++ b/web/src/components/site/Navigation/Navpill/Navpill.tsx
@@ -37,7 +37,7 @@ export function Navpill() {
               <HStack>
                 <HomeAnchor hideLabel />
                 <DraftsAnchor hideLabel />
-                <LogoutAnchor hideLabel />
+                <LogoutAnchor hideLabel size="xs" />
               </HStack>
               <HStack>
                 {account.admin && (