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