diff --git a/src/lib/components/layout/mobile-nav/mobile-nav-link.svelte b/src/lib/components/layout/mobile-nav/mobile-nav-link.svelte
index ab95c86..33eba94 100644
--- a/src/lib/components/layout/mobile-nav/mobile-nav-link.svelte
+++ b/src/lib/components/layout/mobile-nav/mobile-nav-link.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { ArrowUpRight } from 'lucide-svelte';
+	import ArrowUpRight from 'lucide-svelte/icons/arrow-up-right';
 	import type { HTMLAnchorAttributes } from 'svelte/elements';
 	import { Drawer } from 'vaul-svelte';
 
diff --git a/src/lib/components/layout/mobile-nav/mobile-nav.svelte b/src/lib/components/layout/mobile-nav/mobile-nav.svelte
index f8e1ca2..9212cc8 100644
--- a/src/lib/components/layout/mobile-nav/mobile-nav.svelte
+++ b/src/lib/components/layout/mobile-nav/mobile-nav.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Menu } from 'lucide-svelte';
+	import Menu from 'lucide-svelte/icons/menu';
 
 	import { navigation } from '$lib/config';
 
@@ -11,9 +11,9 @@
 
 <Drawer.Root>
 	<Drawer.Trigger asChild let:builder aria-label="open mobile menu">
-		<Button class="sm:hidden" builders={[builder]} variant="outline" size="icon"
-			><Menu class="h-4 w-4" /></Button
-		>
+		<Button class="sm:hidden" builders={[builder]} variant="outline" size="icon">
+			<Menu class="h-4 w-4" />
+		</Button>
 	</Drawer.Trigger>
 	<Drawer.Content>
 		<div class="container mx-auto">