diff --git a/packages/ui/src/components/animation/Globe.svelte b/packages/ui/src/components/animation/Globe.svelte
index 4f3d412..97991d6 100644
--- a/packages/ui/src/components/animation/Globe.svelte
+++ b/packages/ui/src/components/animation/Globe.svelte
@@ -14,7 +14,7 @@
 	// export { className as class }
 	let { locations = [], class: className }: { class?: string; locations?: [number, number][] } =
 		$props()
-	let pointerInteracting: any = null
+	let pointerInteracting: number | null = null
 	let pointerInteractionMovement = 0
 	let canvas: HTMLCanvasElement
 
@@ -25,7 +25,8 @@
 		width = canvas.offsetWidth
 	}
 
-	let onRender = (state: any) => {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	let onRender = (state: Record<string, any>) => {
 		if (!pointerInteracting) {
 			phi += 0.005
 		}
diff --git a/packages/ui/src/components/animation/RetroGrid.svelte b/packages/ui/src/components/animation/RetroGrid.svelte
index 96a7376..6a80b39 100644
--- a/packages/ui/src/components/animation/RetroGrid.svelte
+++ b/packages/ui/src/components/animation/RetroGrid.svelte
@@ -29,6 +29,8 @@
 
 	<!-- Background Gradient -->
 	<div
-		class={cn("absolute inset-0 bg-gradient-to-t from-white to-transparent to-90% dark:from-background")}
+		class={cn(
+			"dark:from-background absolute inset-0 bg-gradient-to-t from-white to-transparent to-90%"
+		)}
 	></div>
 </div>
diff --git a/packages/ui/src/components/markdown/Pre.svelte b/packages/ui/src/components/markdown/Pre.svelte
index 6b77c4a..1441c56 100644
--- a/packages/ui/src/components/markdown/Pre.svelte
+++ b/packages/ui/src/components/markdown/Pre.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-	import { Button } from '@kksh/svelte5';
-	import { CopyIcon } from 'lucide-svelte';
-	import type { Snippet } from 'svelte';
+	import { Button } from "@kksh/svelte5"
+	import { CopyIcon } from "lucide-svelte"
+	import type { Snippet } from "svelte"
 
-	let pre: HTMLPreElement;
+	let pre: HTMLPreElement
 
 	let {
 		children,
 		class: className,
 		style
-	}: { children: Snippet; class?: string; style?: string } = $props();
+	}: { children: Snippet; class?: string; style?: string } = $props()
 </script>
 
 <div class="relative">
@@ -17,7 +17,7 @@
 	<Button
 		size="icon"
 		variant="outline"
-		onclick={() => navigator.clipboard.writeText(pre.textContent ?? '')}
+		onclick={() => navigator.clipboard.writeText(pre.textContent ?? "")}
 		class="absolute right-2 top-2"
 	>
 		<CopyIcon />
diff --git a/packages/ui/src/components/markdown/index.ts b/packages/ui/src/components/markdown/index.ts
index 93aa1bc..c8b2e39 100644
--- a/packages/ui/src/components/markdown/index.ts
+++ b/packages/ui/src/components/markdown/index.ts
@@ -1 +1 @@
-export {default as Markdown} from './Markdown.svelte';
\ No newline at end of file
+export { default as Markdown } from "./Markdown.svelte"
diff --git a/packages/ui/src/components/ui/scroll-area/index.ts b/packages/ui/src/components/ui/scroll-area/index.ts
index e86a25b..eb1bd01 100644
--- a/packages/ui/src/components/ui/scroll-area/index.ts
+++ b/packages/ui/src/components/ui/scroll-area/index.ts
@@ -1,10 +1,10 @@
-import Scrollbar from "./scroll-area-scrollbar.svelte";
-import Root from "./scroll-area.svelte";
+import Scrollbar from "./scroll-area-scrollbar.svelte"
+import Root from "./scroll-area.svelte"
 
 export {
 	Root,
 	Scrollbar,
 	//,
 	Root as ScrollArea,
-	Scrollbar as ScrollAreaScrollbar,
-};
+	Scrollbar as ScrollAreaScrollbar
+}