From c177b8ecbbee692af30faebc176124b7c8ee58a9 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Fri, 11 Aug 2023 10:21:05 -0400
Subject: [PATCH] Fleet UI: [released bug] Add hover state/ tabbing state to
 user side panel buttons (#13292)

---
 .../pages/UserSettingsPage/UserSidePanel/UserSidePanel.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/UserSettingsPage/UserSidePanel/UserSidePanel.tsx b/frontend/pages/UserSettingsPage/UserSidePanel/UserSidePanel.tsx
index 30ca948bd5..178efdacc8 100644
--- a/frontend/pages/UserSettingsPage/UserSidePanel/UserSidePanel.tsx
+++ b/frontend/pages/UserSettingsPage/UserSidePanel/UserSidePanel.tsx
@@ -113,13 +113,18 @@ const UserSidePanel = ({
         onClick={onChangePassword}
         disabled={ssoEnabled}
         className={`${baseClass}__button`}
+        variant="brand"
       >
         Change password
       </Button>
       <p className={`${baseClass}__last-updated`}>
         Last changed: {lastUpdatedAt}
       </p>
-      <Button onClick={onGetApiToken} className={`${baseClass}__button`}>
+      <Button
+        onClick={onGetApiToken}
+        className={`${baseClass}__button`}
+        variant="brand"
+      >
         Get API token
       </Button>
       <span