diff --git a/src/lib/components/functional/Navbar.svelte b/src/lib/components/functional/Navbar.svelte
index 585ff27..6238b60 100644
--- a/src/lib/components/functional/Navbar.svelte
+++ b/src/lib/components/functional/Navbar.svelte
@@ -2,7 +2,7 @@
 	import { browser } from "$app/environment";
 	import { page } from "$app/state";
 	import { duration, fade } from "$lib/animation";
-	import { setTheme } from "$lib/store/index.svelte";
+	import { motion, setTheme } from "$lib/store/index.svelte";
 	import clsx from "clsx";
 	import { MoonIcon, SunIcon } from "lucide-svelte";
 	import { quintOut } from "svelte/easing";
@@ -111,9 +111,9 @@
 					.height}px; top: {linkRects[selectedIndex].top -
 					(containerRect?.top || 0)}px; left: {linkRects[
 					selectedIndex
-				].left -
-					(containerRect?.left ||
-						0)}px; transition: left var(--transition) {duration}ms, top var(--transition) {duration}ms;"
+				].left - (containerRect?.left || 0)}px; {$motion
+					? `transition: left var(--transition) ${duration}ms, top var(--transition) ${duration}ms;`
+					: ''}"
 			></div>
 		{/if}
 		<a