diff --git a/src/components/input/ProfileButton.js b/src/components/input/ProfileButton.js
index 015c0ad8..35b0eb45 100644
--- a/src/components/input/ProfileButton.js
+++ b/src/components/input/ProfileButton.js
@@ -3,8 +3,9 @@ import { useRouter } from 'next/router';
 import Icons from 'components/icons';
 import useMessages from 'components/hooks/useMessages';
 import useUser from 'components/hooks/useUser';
-import styles from './ProfileButton.module.css';
 import useLocale from 'components/hooks/useLocale';
+import { CURRENT_VERSION } from 'lib/constants';
+import styles from './ProfileButton.module.css';
 
 export function ProfileButton() {
   const { formatMessage, labels } = useMessages();
@@ -51,6 +52,7 @@ export function ProfileButton() {
               <Text>{formatMessage(labels.logout)}</Text>
             </Item>
           )}
+          <div className={styles.version}>{`v${CURRENT_VERSION}`}</div>
         </Menu>
       </Popup>
     </PopupTrigger>
diff --git a/src/components/input/ProfileButton.module.css b/src/components/input/ProfileButton.module.css
index 8b1897bd..e7843344 100644
--- a/src/components/input/ProfileButton.module.css
+++ b/src/components/input/ProfileButton.module.css
@@ -8,3 +8,11 @@
   gap: 12px;
   background: var(--base50);
 }
+
+.version {
+  font-family: monospace;
+  font-size: 11px;
+  color: var(--base600);
+  text-align: right;
+  margin-right: 10px;
+}