From f9a84bd2d65b3142cbcfcdd8e1e9394c9d4b458e Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Sun, 24 Sep 2023 01:00:42 -0700
Subject: feat: :lipstick: more ui improvements

---
 extension/react-app/src/components/HeaderButtonWithText.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'extension/react-app/src/components/HeaderButtonWithText.tsx')

diff --git a/extension/react-app/src/components/HeaderButtonWithText.tsx b/extension/react-app/src/components/HeaderButtonWithText.tsx
index ca359250..84e6118c 100644
--- a/extension/react-app/src/components/HeaderButtonWithText.tsx
+++ b/extension/react-app/src/components/HeaderButtonWithText.tsx
@@ -13,7 +13,10 @@ interface HeaderButtonWithTextProps {
   onKeyDown?: (e: any) => void;
 }
 
-const HeaderButtonWithText = (props: HeaderButtonWithTextProps) => {
+const HeaderButtonWithText = React.forwardRef<
+  HTMLButtonElement,
+  HeaderButtonWithTextProps
+>((props: HeaderButtonWithTextProps, ref) => {
   const [hover, setHover] = useState(false);
 
   const tooltipPortalDiv = document.getElementById("tooltip-portal-div");
@@ -35,6 +38,7 @@ const HeaderButtonWithText = (props: HeaderButtonWithTextProps) => {
         onClick={props.onClick}
         onKeyDown={props.onKeyDown}
         className={props.className}
+        ref={ref}
       >
         {props.children}
       </HeaderButton>
@@ -47,6 +51,6 @@ const HeaderButtonWithText = (props: HeaderButtonWithTextProps) => {
         )}
     </>
   );
-};
+});
 
 export default HeaderButtonWithText;
-- 
cgit v1.2.3-70-g09d2

