diff --git a/web/components/Notifications/Indicator.vue b/web/components/Notifications/Indicator.vue
index 5f204f118..29fd9ce6d 100644
--- a/web/components/Notifications/Indicator.vue
+++ b/web/components/Notifications/Indicator.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { computed, type Component } from 'vue';
+import { computed } from 'vue';
+import type { Component } from 'vue';
 import { BellIcon, ExclamationTriangleIcon, ShieldExclamationIcon } from '@heroicons/vue/24/solid';
 import { cn } from '@unraid/ui';
 
diff --git a/web/components/Notifications/Item.vue b/web/components/Notifications/Item.vue
index c7f51dbf2..0c0bc72c4 100644
--- a/web/components/Notifications/Item.vue
+++ b/web/components/Notifications/Item.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { computed, reactive, type Component } from 'vue';
+import { computed, reactive } from 'vue';
+import type { Component } from 'vue';
 import { computedAsync } from '@vueuse/core';
 import { Markdown } from '@/helpers/markdown';
 import {
diff --git a/web/helpers/apollo-cache/index.ts b/web/helpers/apollo-cache/index.ts
index 1ef7354db..3e1e89e86 100644
--- a/web/helpers/apollo-cache/index.ts
+++ b/web/helpers/apollo-cache/index.ts
@@ -1,4 +1,5 @@
-import { InMemoryCache, type InMemoryCacheConfig } from '@apollo/client/core';
+import { InMemoryCache } from '@apollo/client/core';
+import type { InMemoryCacheConfig } from '@apollo/client/core';
 
 import type { NotificationOverview } from '~/composables/gql/graphql';
 
diff --git a/web/helpers/markdown.ts b/web/helpers/markdown.ts
index 8e32d62c8..1d632fb69 100644
--- a/web/helpers/markdown.ts
+++ b/web/helpers/markdown.ts
@@ -1,5 +1,6 @@
 import DOMPurify from 'isomorphic-dompurify';
-import { Marked, type MarkedExtension } from 'marked';
+import { Marked } from 'marked';
+import type { MarkedExtension } from 'marked';
 
 const defaultMarkedExtension: MarkedExtension = {
   hooks: {