diff --git a/env.d.ts b/env.d.ts
new file mode 100644
index 0000000..bbe913a
--- /dev/null
+++ b/env.d.ts
@@ -0,0 +1 @@
+declare const APP_VERSION: string;
diff --git a/src/Components/Misc/SettingsModal.tsx b/src/Components/Misc/SettingsModal.tsx
index 28252af..2b96af7 100644
--- a/src/Components/Misc/SettingsModal.tsx
+++ b/src/Components/Misc/SettingsModal.tsx
@@ -119,7 +119,8 @@ export const SettingsModal = ({ isOpen, closeModal }: SettingsModalProps) => {
           )}
           <Separator height="2px" />
           <SettingContainer>
-            <Paragraph>Version: 0.4.0</Paragraph>
+            {/* @ts-expect-error is defined in vite.config.ts*/}
+            <Paragraph>Version: {APP_VERSION}</Paragraph>
           </SettingContainer>
           <Separator height="2px" />
 
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 7870fef..77b3b33 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,3 +1,4 @@
+//@ts-expect-error - tailwindcss-grid-areas does not have typescript support
 import tailwindcssGridAreas from '@savvywombat/tailwindcss-grid-areas';
 import type { Config } from 'tailwindcss';
 
diff --git a/vite.config.ts b/vite.config.ts
index 9cacb6c..737841d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -10,4 +10,7 @@ export default defineConfig({
       external: ['babel-plugin-macros'],
     },
   },
+  define: {
+    APP_VERSION: JSON.stringify(process.env.npm_package_version),
+  },
 });