From 30a425d4c10c7e30715064e812cc693e0e8ef1fb Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Mon, 9 Dec 2024 00:39:03 +0530
Subject: [PATCH] feat: match upgrade icon style to rest of navbar elementa

---
 src/components/molecules/NavBar.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index fc638503..db29e516 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -102,7 +102,12 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
           <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}>
             {!isRecording ? (
               <>
-                <Button variant="outlined" onClick={handleUpdateOpen} sx={{ marginRight: '30px' }}>
+                <Button variant="outlined" onClick={handleUpdateOpen} sx={{ 
+                  marginRight: '30px', 
+                  color: "#00000099", 
+                  border: "#00000099 1px solid",
+                  '&:hover': { color: '#ff00c3', border: '#ff00c3 1px solid'}
+                  }}>
                   <Update sx={{ marginRight: '5px'}} /> Upgrade Maxun
                 </Button>
                 <Modal open={open} onClose={handleUpdateClose}>