diff --git a/packages/svelte-ux/src/lib/components/Notification.svelte b/packages/svelte-ux/src/lib/components/Notification.svelte
index c8f058d2..f6193bd9 100644
--- a/packages/svelte-ux/src/lib/components/Notification.svelte
+++ b/packages/svelte-ux/src/lib/components/Notification.svelte
@@ -2,8 +2,7 @@
   import { createEventDispatcher, type ComponentProps } from 'svelte';
   import { fly } from 'svelte/transition';
   import { quadIn } from 'svelte/easing';
-  import type { ThemeColors } from '$lib/types/typeHelpers.js';
-  import { cls } from '$lib/utils/styles.js';
+  import { cls, type ThemeColors } from '@layerstack/tailwind';
 
   import { mdiClose } from '@mdi/js';
 
diff --git a/packages/svelte-ux/src/routes/docs/components/Notification/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Notification/+page.svelte
index 740d337c..850f104a 100644
--- a/packages/svelte-ux/src/routes/docs/components/Notification/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/Notification/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
-  import { Notification, toTitleCase } from 'svelte-ux';
-  import { colors } from '$lib/styles/theme.js';
+  import { Notification } from 'svelte-ux';
+  import { colors } from '@layerstack/tailwind';
+  import { toTitleCase } from '@layerstack/utils';
 
   import {
     mdiInbox,