diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index db29e516..56e43c5e 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -102,13 +102,13 @@ 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', 
-                  color: "#00000099", 
+                <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
+                  '&:hover': { color: '#ff00c3', border: '#ff00c3 1px solid' }
+                }}>
+                  <Update sx={{ marginRight: '5px' }} /> Upgrade Maxun
                 </Button>
                 <Modal open={open} onClose={handleUpdateClose}>
                   <Box