diff --git a/front/src/jquery.js b/front/src/jquery.js
new file mode 100644
index 0000000000000000000000000000000000000000..84ad6d83cd97062274dcb08fb424d7dbcba082c2
--- /dev/null
+++ b/front/src/jquery.js
@@ -0,0 +1,8 @@
+import jQuery from 'jquery'
+
+// NOTE: Workaround for fomantic-ui-css
+if (import.meta.env.DEV) {
+  window.$ = window.jQuery = jQuery
+}
+
+export default jQuery
diff --git a/front/src/main.js b/front/src/main.js
index b62cc13431a116426107f6957e05d9501fdd12ce..ea98465ca8cdb847b8412a714b048f62445c3ba1 100644
--- a/front/src/main.js
+++ b/front/src/main.js
@@ -1,7 +1,7 @@
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import logger from '@/logging'
-import jQuery from 'jquery'
+import jQuery from '@/jquery'
 
 import Vue from 'vue'
 import moment from 'moment'
@@ -13,7 +13,7 @@ import store from './store'
 import GetTextPlugin from 'vue-gettext'
 import { sync } from 'vuex-router-sync'
 import locales from '@/locales'
-import createAuthRefreshInterceptor from 'axios-auth-refresh'
+import axiosAuthRefresh from 'axios-auth-refresh'
 
 import filters from '@/filters' // eslint-disable-line
 import { parseAPIErrors } from '@/utils'
@@ -158,6 +158,13 @@ const refreshAuth = (failedRequest) => {
   }
 }
 
+// TODO: This seems like a vite error, in production it thinks that
+//       axiosAuthRefresh is a following object: { default () { /* ... */} }
+//       Maybe we need to tweak the config?
+const createAuthRefreshInterceptor = import.meta.env.DEV
+  ? axiosAuthRefresh
+  : axiosAuthRefresh.default
+
 createAuthRefreshInterceptor(axios, refreshAuth)
 
 store.dispatch('instance/fetchFrontSettings').finally(() => {
diff --git a/front/vite.config.js b/front/vite.config.js
index 8202460a738b801cdbf7eb2e4684f92c4eca4d4e..17a940d017db080c104a20de3cd124ec0dcaff8a 100644
--- a/front/vite.config.js
+++ b/front/vite.config.js
@@ -29,7 +29,8 @@ export default defineConfig({
   build: {
     // NOTE: For debugging builds
     // TODO: Remove before #1664 is merged
-    sourcemap: 'inline'
+    sourcemap: 'inline',
+    transformMixedEsModules: true
   },
   resolve: {
     alias: {