diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index bc373576..6b2bfa92 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -58,14 +58,14 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
         justifyContent: 'flex-start',
       }}>
         <img src={MaxunLogo} width={45} height={40} style={{ borderRadius: '5px', margin: '5px 0px 5px 15px' }} />
-        <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName>
+        <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName></div>
         <Chip
           label={`v${packageJson.version}`}
           color="primary"
           variant="outlined"
+          sx={{ marginTop: '10px' }}
         />
       </div>
-      </div>
       {
         user ? (
           <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end' }}>