diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index 4ca7cc17..cc6d2c6b 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -103,7 +103,7 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
           <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}>
             {!isRecording ? (
               <>
-                <Button variant="contained" onClick={handleUpdateOpen}>
+                <Button variant="contained" onClick={handleUpdateOpen} sx={{marginRight: '30px'}}>
                   Check for Updates
                 </Button>
                 <Modal open={open} onClose={handleUpdateClose}>