diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index ee8c80e8..8d195ebc 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -11,6 +11,7 @@ import { SaveRecording } from '../molecules/SaveRecording';
 import DiscordIcon from '../atoms/DiscordIcon';
 import { apiUrl } from '../../apiConfig';
 import MaxunLogo from "../../assets/maxunlogo.png";
+import packageJson from "../../../package.json"
 
 interface NavBarProps {
   recordingName: string;
@@ -57,7 +58,11 @@ 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>
+        <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName>  <Chip
+      label={`v${packageJson.version}`}
+      color="primary"
+      variant="outlined"
+    /></div>
       </div>
       {
         user ? (