diff --git a/src/components/ui/Info/index.js b/src/components/ui/Info/index.js
index 7849468..a9a5859 100644
--- a/src/components/ui/Info/index.js
+++ b/src/components/ui/Info/index.js
@@ -1,3 +1,4 @@
+/* global VERSION */
 import React, { useContext, useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import {
@@ -131,6 +132,11 @@ const Info = observer(() => {
           </IconButton>
         </DialogTitle>
         <DialogContent classes={{ root: s.dialogContent }}>
+          <Typography variant="body1" align="justify" paragraph>
+            VOSviewer Online version
+            {' '}
+            {VERSION}
+          </Typography>
           <Typography variant="body1" align="justify" paragraph>
             VOSviewer Online has been developed by
             {' '}
diff --git a/webpack.component.config.babel.js b/webpack.component.config.babel.js
index 7f9c18f..21c5a2b 100644
--- a/webpack.component.config.babel.js
+++ b/webpack.component.config.babel.js
@@ -134,7 +134,8 @@ export default (env = defaultEnv) => {
       NODE_ENV: JSON.stringify('production'),
       IS_REACT_COMPONENT: JSON.stringify(true),
       MODE: JSON.stringify(appMode),
-      CONFIG: JSON.stringify(jsonConfig)
+      CONFIG: JSON.stringify(jsonConfig),
+      VERSION: JSON.stringify(require("./package.json").version)
     }),
     new RemovePlugin({
       after: {
diff --git a/webpack.config.babel.js b/webpack.config.babel.js
index 7905690..0a58397 100644
--- a/webpack.config.babel.js
+++ b/webpack.config.babel.js
@@ -156,7 +156,8 @@ export default (env = defaultEnv) => {
       NODE_ENV: JSON.stringify(env.dev ? 'development' : 'production'),
       IS_REACT_COMPONENT: JSON.stringify(false),
       MODE: JSON.stringify(appMode),
-      CONFIG: JSON.stringify(jsonConfig)
+      CONFIG: JSON.stringify(jsonConfig),
+      VERSION: JSON.stringify(require("./package.json").version)
     }),
   ];