feat: match upgrade icon style to rest of navbar elementa

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}>