diff --git a/src/routes/Settings/Settings.js b/src/routes/Settings/Settings.js
index 1051c5156..0be6eb712 100644
--- a/src/routes/Settings/Settings.js
+++ b/src/routes/Settings/Settings.js
@@ -118,6 +118,7 @@ const Settings = () => {
                     <Button className={classnames(styles['side-menu-button'], { [styles['selected']]: selectedSectionId === STREAMING_SECTION })} data-section={STREAMING_SECTION} onClick={sideMenuButtonOnClick}>
                         Streaming server
                     </Button>
+                    {process.env.version}
                 </div>
                 <div ref={sectionsContainerRef} className={styles['sections-container']} onScroll={sectionsContainerOnScorll}>
                     <div ref={generalSectionRef} className={styles['section-container']}>
diff --git a/webpack.config.js b/webpack.config.js
index cf679670e..6c5e81f17 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -5,6 +5,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
+const pachageJson = require('./package.json');
 
 module.exports = (env, argv) => ({
     entry: './src/index.js',
@@ -130,6 +131,7 @@ module.exports = (env, argv) => ({
     plugins: [
         new webpack.EnvironmentPlugin({
             DEBUG: argv.mode !== 'production',
+            version: pachageJson.version,
             ...env
         }),
         new webpack.ProgressPlugin(),