diff --git a/src/lib/components/molecules/Banner.svelte b/src/lib/components/molecules/Banner.svelte
index 0d681f6..23ee559 100644
--- a/src/lib/components/molecules/Banner.svelte
+++ b/src/lib/components/molecules/Banner.svelte
@@ -1,14 +1,12 @@
 <script lang="ts">
 	import { slide } from 'svelte/transition';
 	import { cubicInOut } from 'svelte/easing';
-	import { PersistedState } from 'runed';
 	import type { WithChildren } from '$types';
 	import Info from 'virtual:icons/material-symbols/info-outline';
 	import Warning from 'virtual:icons/material-symbols/warning-outline';
 	import Error from 'virtual:icons/material-symbols/error-outline';
 	import Close from 'virtual:icons/material-symbols/close';
-
-	const readBannerIds = new PersistedState<string[]>('read_banner_ids', []);
+	import { readBannerIds } from '$stores';
 
 	type Props = {
 		type: 'info' | 'warning' | 'error';
diff --git a/src/lib/stores/index.ts b/src/lib/stores/index.ts
index cc98fc8..a35170d 100644
--- a/src/lib/stores/index.ts
+++ b/src/lib/stores/index.ts
@@ -1,3 +1,5 @@
 import { PersistedState } from 'runed';
 
 export const theme = new PersistedState<'light' | 'dark'>('theme', 'light');
+
+export const readBannerIds = new PersistedState<string[]>('read_banner_ids', []);