diff --git a/src/components/DevWarning.jsx b/src/components/DevWarning.jsx
index daeda634..9434f123 100644
--- a/src/components/DevWarning.jsx
+++ b/src/components/DevWarning.jsx
@@ -4,7 +4,7 @@ import semver from 'semver'
 
 export default class DevWarning extends Component {
     render() {
-        const version = semver.parse(process.env.DAKARA_VERSION)
+        const version = semver.parse(import.meta.env.DAKARA_VERSION)
 
         if (version.prerelease.length > 0) {
             console.warn('You are running a dev version, use it at your own risks!')
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index be65e310..a4a2a747 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -2,9 +2,9 @@ import React, { Component } from 'react'
 
 export default class Footer extends Component {
     render() {
-        const version = process.env.DAKARA_VERSION
-        const bugtracker = process.env.DAKARA_BUGTRACKER
-        const projectHomepage = process.env.DAKARA_PROJECT_HOMEPAGE
+        const version = import.meta.env.DAKARA_VERSION
+        const bugtracker = import.meta.env.DAKARA_BUGTRACKER
+        const projectHomepage = import.meta.env.DAKARA_PROJECT_HOMEPAGE
 
         return (
             <footer id="footer" className="box">
diff --git a/vite.config.js b/vite.config.js
index 76020131..3f7f109c 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -31,8 +31,8 @@ export default defineConfig({
     },
   },
   define: {
-    'process.env.DAKARA_VERSION': JSON.stringify(packageJson.version),
-    'process.env.DAKARA_BUGTRACKER': JSON.stringify(packageJson.bugs.url),
-    'process.env.DAKARA_PROJECT_HOMEPAGE': JSON.stringify(packageJson.homepage),
+    'import.meta.env.DAKARA_VERSION': JSON.stringify(packageJson.version),
+    'import.meta.env.DAKARA_BUGTRACKER': JSON.stringify(packageJson.bugs.url),
+    'import.meta.env.DAKARA_PROJECT_HOMEPAGE': JSON.stringify(packageJson.homepage),
   },
 });