From 2b88963e6459d30db9a20e45b7d61b79e8644e32 Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Mon, 28 Aug 2023 16:20:19 -0300
Subject: [PATCH] refactor: bring back border to the login related buttons

---
 .../src/components/headerComponent/index.tsx    | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 6e63be50e..2361df006 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -37,41 +37,44 @@ export default function Header(): JSX.Element {
               navigate("/");
             }}
             variant="outline"
-            className=""
+            className=" text-sm font-medium text-muted-foreground transition-colors hover:text-primary cursor-pointer "
           >
             Main page
           </Button>
         )}
         {autoLogin === false && (
-          <a
+          <Button
             onClick={() => {
               logout();
               navigate("/login");
             }}
             className="text-sm font-medium text-muted-foreground transition-colors hover:text-primary cursor-pointer mx-5"
+            variant="outline"
           >
             Sign out
-          </a>
+          </Button>
         )}
 
         {location.pathname === "/admin" && (
-          <a
+          <Button
             onClick={() => {
               navigate("/");
             }}
             className="text-sm font-medium text-muted-foreground transition-colors hover:text-primary cursor-pointer"
+            variant="outline"
           >
             Home
-          </a>
+          </Button>
         )}
 
         {isAdmin && !autoLogin && location.pathname !== "/admin" && (
-          <a
+          <Button
             className="text-sm font-medium text-muted-foreground transition-colors hover:text-primary cursor-pointer"
             onClick={() => navigate("/admin")}
+            variant="outline"
           >
             Admin page
-          </a>
+          </Button>
         )}
       </div>
       <div className="round-button-div">