diff --git a/frontend/package.json b/frontend/package.json
index 3c14325a..ef0a6e27 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -155,5 +155,5 @@
     "test": "react-scripts test",
     "typecheck": "tsc --noEmit"
   },
-  "version": "0.1.0"
+  "version": "0.3.11"
 }
diff --git a/frontend/src/components/Footer/Footer.tsx b/frontend/src/components/Footer/Footer.tsx
index 22f62f60..996ea98c 100644
--- a/frontend/src/components/Footer/Footer.tsx
+++ b/frontend/src/components/Footer/Footer.tsx
@@ -4,12 +4,13 @@ import { useAuthContext } from 'context';
 import logo from '../../assets/cyhydashboard.svg';
 import * as FooterStyles from './styleFooter';
 import { Stack } from '@mui/system';
+import packageJson from '../../../package.json';
 
 export const CrossfeedFooter: React.FC = (props) => {
   const { logout, user } = useAuthContext();
   const FooterRoot = FooterStyles.FooterRoot;
   const footerClasses = FooterStyles.footerClasses;
-  const versionNumber = process.env.REACT_APP_VERSION_NUMBER;
+  const versionNumber = packageJson.version;
 
   return (
     <FooterRoot>