diff --git a/package.json b/package.json
index 047996a..73c01b8 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
 		"prettier-plugin-tailwindcss": "^0.6.11",
-		"runed": "^0.15.4",
+		"runed": "^0.23.2",
 		"shiki": "^2.3.0",
 		"svelte": "5.19.7",
 		"svelte-check": "^4.1.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ae397f0..5b0ab96 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -66,8 +66,8 @@ importers:
         specifier: ^0.6.11
         version: 0.6.11(prettier-plugin-svelte@3.3.3(prettier@3.4.2)(svelte@5.19.7))(prettier@3.4.2)
       runed:
-        specifier: ^0.15.4
-        version: 0.15.4(svelte@5.19.7)
+        specifier: ^0.23.2
+        version: 0.23.2(svelte@5.19.7)
       shiki:
         specifier: ^2.3.0
         version: 2.3.0
@@ -1774,11 +1774,6 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
-  runed@0.15.4:
-    resolution: {integrity: sha512-kmbpstUd7v2FdlBM+MT78IyuOVd38tq/e7MHvVb0fnVCsPSPMD/m2Xh+wUhzg9qCJgxRjBbIKu68DlH/x5VXJA==}
-    peerDependencies:
-      svelte: ^5.0.0-next.1
-
   runed@0.23.2:
     resolution: {integrity: sha512-AhHCb5/B+YQW6ar1pzhGQOQy+byfjCH63ofuhrexSWwQKhC0EbQ60Z/wMYwETLo3ZubhwlNryxBt0seOMOrVFQ==}
     peerDependencies:
@@ -3957,11 +3952,6 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
-  runed@0.15.4(svelte@5.19.7):
-    dependencies:
-      esm-env: 1.2.2
-      svelte: 5.19.7
-
   runed@0.23.2(svelte@5.19.7):
     dependencies:
       esm-env: 1.2.2
diff --git a/src/lib/components/shared/command/command.svelte b/src/lib/components/shared/command/command.svelte
index 883d3f4..62f8306 100644
--- a/src/lib/components/shared/command/command.svelte
+++ b/src/lib/components/shared/command/command.svelte
@@ -6,7 +6,7 @@
 	import * as Drawer from '$lib/components/ui/drawer';
 	import { aside_items } from '$lib/config/sitemap';
 	import { command_open_state } from '$lib/stores';
-	import { MediaQuery } from 'runed';
+	import { MediaQuery } from 'svelte/reactivity';
 
 	const is_desktop = new MediaQuery('(min-width: 640px)');
 
@@ -20,7 +20,7 @@
 
 <svelte:document onkeydown={doc_keydown} />
 
-{#if is_desktop.matches}
+{#if is_desktop.current}
 	<Command.Dialog bind:open={$command_open_state} close_button="esc" class="w-full max-w-[640px]">
 		<Command.Input placeholder="Search..." class="h-[53px] px-2 text-lg" hide_search_icon />
 		<Command.List class="h-[436px] max-h-none">
diff --git a/src/lib/components/ui/modal/index.ts b/src/lib/components/ui/modal/index.ts
index 59b8a5e..b8fa49a 100644
--- a/src/lib/components/ui/modal/index.ts
+++ b/src/lib/components/ui/modal/index.ts
@@ -1,4 +1,4 @@
-import { MediaQuery } from 'runed';
+import { MediaQuery } from 'svelte/reactivity';
 import { writable } from 'svelte/store';
 import ModalContent from './modal-content.svelte';
 import ModalDescription from './modal-description.svelte';
diff --git a/src/lib/components/ui/modal/modal-content.svelte b/src/lib/components/ui/modal/modal-content.svelte
index b6493c8..d7782bd 100644
--- a/src/lib/components/ui/modal/modal-content.svelte
+++ b/src/lib/components/ui/modal/modal-content.svelte
@@ -25,7 +25,7 @@
 	});
 </script>
 
-{#if is_desktop.matches}
+{#if is_desktop.current}
 	<Dialog.Content
 		bind:ref
 		class={cn(
diff --git a/src/lib/components/ui/modal/modal-description.svelte b/src/lib/components/ui/modal/modal-description.svelte
index c2b2b00..1f8b219 100644
--- a/src/lib/components/ui/modal/modal-description.svelte
+++ b/src/lib/components/ui/modal/modal-description.svelte
@@ -11,7 +11,7 @@
 	let { children }: Props = $props();
 </script>
 
-{#if is_desktop.matches}
+{#if is_desktop.current}
 	<Dialog.Description class="text-base text-gray-1000">
 		{@render children?.()}
 	</Dialog.Description>
diff --git a/src/lib/components/ui/modal/modal-footer.svelte b/src/lib/components/ui/modal/modal-footer.svelte
index 19b1e68..f1ad429 100644
--- a/src/lib/components/ui/modal/modal-footer.svelte
+++ b/src/lib/components/ui/modal/modal-footer.svelte
@@ -24,7 +24,7 @@
 	});
 </script>
 
-{#if is_desktop.matches}
+{#if is_desktop.current}
 	<Dialog.Footer
 		class="sticky bottom-0 rounded-b-[inherit] border-t bg-background-200 px-6 py-3 dark:bg-background-100 sm:justify-between"
 	>
diff --git a/src/lib/components/ui/modal/modal-header.svelte b/src/lib/components/ui/modal/modal-header.svelte
index e55ba87..72ee27f 100644
--- a/src/lib/components/ui/modal/modal-header.svelte
+++ b/src/lib/components/ui/modal/modal-header.svelte
@@ -12,7 +12,7 @@
 	let { children }: Props = $props();
 </script>
 
-{#if is_desktop.matches}
+{#if is_desktop.current}
 	<Dialog.Header
 		class={cn('sticky top-0 px-6 pt-6', {
 			'border-b bg-background-100 pb-3 pt-3': $is_overflowing || $is_single_button
diff --git a/src/lib/components/ui/modal/modal-title.svelte b/src/lib/components/ui/modal/modal-title.svelte
index 145e5c1..89046f2 100644
--- a/src/lib/components/ui/modal/modal-title.svelte
+++ b/src/lib/components/ui/modal/modal-title.svelte
@@ -11,7 +11,7 @@
 	let { children }: Props = $props();
 </script>
 
-{#if is_desktop.matches}
+{#if is_desktop.current}
 	<Dialog.Title class="text-2xl">
 		{@render children?.()}
 	</Dialog.Title>
diff --git a/src/lib/components/ui/modal/modal-trigger.svelte b/src/lib/components/ui/modal/modal-trigger.svelte
index a069bbc..4dd7141 100644
--- a/src/lib/components/ui/modal/modal-trigger.svelte
+++ b/src/lib/components/ui/modal/modal-trigger.svelte
@@ -14,7 +14,7 @@
 </script>
 
 <!-- TODO: Is there a better way to do this? -->
-{#if is_desktop.matches}
+{#if is_desktop.current}
 	{#if child_prop}
 		<Dialog.Trigger class={class_name}>
 			{#snippet child({ props })}
diff --git a/src/lib/components/ui/modal/modal.svelte b/src/lib/components/ui/modal/modal.svelte
index c0a5fd1..3d5b070 100644
--- a/src/lib/components/ui/modal/modal.svelte
+++ b/src/lib/components/ui/modal/modal.svelte
@@ -12,7 +12,7 @@
 	let { open = $bindable(false), children }: Props = $props();
 </script>
 
-{#if is_desktop.matches}
+{#if is_desktop.current}
 	<Dialog.Root bind:open>
 		{@render children?.()}
 	</Dialog.Root>