diff --git a/web/components/Auth.ce.vue b/web/components/Auth.ce.vue
index a97116298..d0dbad025 100644
--- a/web/components/Auth.ce.vue
+++ b/web/components/Auth.ce.vue
@@ -32,5 +32,5 @@ const { authAction, stateData } = storeToRefs(serverStore);
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/CallbackHandler.ce.vue b/web/components/CallbackHandler.ce.vue
index fd2f3eca2..8f4da7780 100644
--- a/web/components/CallbackHandler.ce.vue
+++ b/web/components/CallbackHandler.ce.vue
@@ -15,5 +15,5 @@ onBeforeMount(() => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/ColorSwitcher.ce.vue b/web/components/ColorSwitcher.ce.vue
index f8a00b62f..d92906bbe 100644
--- a/web/components/ColorSwitcher.ce.vue
+++ b/web/components/ColorSwitcher.ce.vue
@@ -78,5 +78,5 @@ watch([form], () => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/DevSettings.vue b/web/components/DevSettings.vue
index a1c2a3b95..95eafcb0a 100644
--- a/web/components/DevSettings.vue
+++ b/web/components/DevSettings.vue
@@ -25,5 +25,5 @@ import { CogIcon } from '@heroicons/vue/24/solid';
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/DowngradeOs.ce.vue b/web/components/DowngradeOs.ce.vue
index 15f350726..ba686bf3e 100644
--- a/web/components/DowngradeOs.ce.vue
+++ b/web/components/DowngradeOs.ce.vue
@@ -74,5 +74,5 @@ onBeforeMount(() => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/DownloadApiLogs.ce.vue b/web/components/DownloadApiLogs.ce.vue
index efd0764e3..2d93bfcda 100644
--- a/web/components/DownloadApiLogs.ce.vue
+++ b/web/components/DownloadApiLogs.ce.vue
@@ -73,5 +73,5 @@ const downloadUrl = computed(() => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/DummyServerSwitcher.vue b/web/components/DummyServerSwitcher.vue
index 0a2ee37be..eb24297d8 100644
--- a/web/components/DummyServerSwitcher.vue
+++ b/web/components/DummyServerSwitcher.vue
@@ -32,5 +32,5 @@ const updateSelector = (val: string) => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/Modals.ce.vue b/web/components/Modals.ce.vue
index 919b97eb6..b0dcf92a6 100644
--- a/web/components/Modals.ce.vue
+++ b/web/components/Modals.ce.vue
@@ -31,7 +31,7 @@ const { releaseForUpdate: updateOsChangelogModalVisible } = storeToRefs(useUpdat
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 
 .unraid_mark_2,
 .unraid_mark_4 {
diff --git a/web/components/Registration.ce.vue b/web/components/Registration.ce.vue
index 4ad7dfa6c..92e295d90 100644
--- a/web/components/Registration.ce.vue
+++ b/web/components/Registration.ce.vue
@@ -324,5 +324,5 @@ const items = computed((): RegistrationItemProps[] => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/SsoButton.ce.vue b/web/components/SsoButton.ce.vue
index cffbed810..475162594 100644
--- a/web/components/SsoButton.ce.vue
+++ b/web/components/SsoButton.ce.vue
@@ -152,5 +152,5 @@ const navigateToExternalSSOUrl = () => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/UpdateOs.ce.vue b/web/components/UpdateOs.ce.vue
index 8c3198d80..86fc96ae3 100644
--- a/web/components/UpdateOs.ce.vue
+++ b/web/components/UpdateOs.ce.vue
@@ -72,7 +72,7 @@ onBeforeMount(() => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 
 .unraid_mark_2,
 .unraid_mark_4 {
diff --git a/web/components/UpdateOs/Downgrade.vue b/web/components/UpdateOs/Downgrade.vue
index 3b24ca37b..505afbc68 100644
--- a/web/components/UpdateOs/Downgrade.vue
+++ b/web/components/UpdateOs/Downgrade.vue
@@ -134,5 +134,5 @@ const downgradeButton = ref<UserProfileLink>({
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/UpdateOs/Update.vue b/web/components/UpdateOs/Update.vue
index d8b4bc7ab..119fc8201 100644
--- a/web/components/UpdateOs/Update.vue
+++ b/web/components/UpdateOs/Update.vue
@@ -267,5 +267,5 @@ watchEffect(() => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/UpdateOs/UpdateIneligible.vue b/web/components/UpdateOs/UpdateIneligible.vue
index 9cfbc041c..9cf217d48 100644
--- a/web/components/UpdateOs/UpdateIneligible.vue
+++ b/web/components/UpdateOs/UpdateIneligible.vue
@@ -124,5 +124,5 @@ watchEffect(() => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/UserProfile.ce.vue b/web/components/UserProfile.ce.vue
index 0aa85a4cb..f3e0ecd01 100644
--- a/web/components/UserProfile.ce.vue
+++ b/web/components/UserProfile.ce.vue
@@ -169,7 +169,7 @@ onMounted(() => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 
 .DropdownWrapper_blip {
   box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow-popover-foreground);
diff --git a/web/components/UserProfile/CallbackFeedback.vue b/web/components/UserProfile/CallbackFeedback.vue
index 39bf675a8..c970b9bf5 100644
--- a/web/components/UserProfile/CallbackFeedback.vue
+++ b/web/components/UserProfile/CallbackFeedback.vue
@@ -427,7 +427,7 @@ const showUpdateEligibility = computed(() => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../../assets/main.css';
+@import '~/assets/main.css';
 
 .unraid_mark_2,
 .unraid_mark_4 {
diff --git a/web/components/UserProfile/DropdownLaunchpad.vue b/web/components/UserProfile/DropdownLaunchpad.vue
index b3864224d..0803b81da 100644
--- a/web/components/UserProfile/DropdownLaunchpad.vue
+++ b/web/components/UserProfile/DropdownLaunchpad.vue
@@ -59,7 +59,7 @@ const showExpireTime = computed(
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../../assets/main.css';
+@import '~/assets/main.css';
 
 .DropdownWrapper_blip {
   box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow-foreground);
diff --git a/web/components/UserProfile/Promo.vue b/web/components/UserProfile/Promo.vue
index b932bf83a..6b13cf583 100644
--- a/web/components/UserProfile/Promo.vue
+++ b/web/components/UserProfile/Promo.vue
@@ -155,5 +155,5 @@ const { install } = useInstallPlugin();
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/WanIpCheck.ce.vue b/web/components/WanIpCheck.ce.vue
index e3cabcc32..57c315d38 100644
--- a/web/components/WanIpCheck.ce.vue
+++ b/web/components/WanIpCheck.ce.vue
@@ -80,5 +80,5 @@ watchEffect(async () => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 </style>
diff --git a/web/components/WelcomeModal.ce.vue b/web/components/WelcomeModal.ce.vue
index 1d8f3d77a..c082f9dc5 100644
--- a/web/components/WelcomeModal.ce.vue
+++ b/web/components/WelcomeModal.ce.vue
@@ -113,7 +113,7 @@ onBeforeMount(() => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 
 .unraid_mark_2,
 .unraid_mark_4 {
diff --git a/web/nuxt.config.ts b/web/nuxt.config.ts
index bd65d8080..4dd3fb5be 100644
--- a/web/nuxt.config.ts
+++ b/web/nuxt.config.ts
@@ -36,7 +36,13 @@ export default defineNuxtConfig({
     enabled: process.env.NODE_ENV === 'development',
   },
 
-  modules: ['@vueuse/nuxt', '@pinia/nuxt', '@nuxtjs/tailwindcss', 'nuxt-custom-elements', '@nuxt/eslint'],
+  modules: [
+    '@vueuse/nuxt',
+    '@pinia/nuxt',
+    '@nuxtjs/tailwindcss',
+    'nuxt-custom-elements',
+    '@nuxt/eslint',
+  ],
 
   ignore: ['/webGui/images'],
 
@@ -138,4 +144,4 @@ export default defineNuxtConfig({
   },
 
   compatibilityDate: '2024-12-05',
-});
\ No newline at end of file
+});
diff --git a/web/pages/index.vue b/web/pages/index.vue
index c95f98f9b..25481bdbf 100644
--- a/web/pages/index.vue
+++ b/web/pages/index.vue
@@ -199,7 +199,7 @@ const bannerImage = watch(theme, () => {
 <style lang="postcss">
 /* Import unraid-ui globals first */
 @import '@unraid/ui/styles';
-@import '../assets/main.css';
+@import '~/assets/main.css';
 
 code {
   @apply rounded-lg bg-gray-200 p-1 text-black shadow;