diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index b9da2b6c..19712a67 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -45,8 +45,9 @@ const Nav = ({Icon, label, path, keyPath, disabled = false, isMinimized = false}
 	<Link
 		href={!disabled ? keyPath : ""}
 		className={clsx(
-			"p-4 rounded-full flex gap-4 items-center cursor-pointer text-gray-500 hover:bg-mti-purple-light hover:text-white",
+			"p-4 rounded-full flex gap-4 items-center text-gray-500 hover:text-white",
 			"transition-all duration-300 ease-in-out",
+			disabled ? "hover:bg-mti-gray-dim cursor-not-allowed" : "hover:bg-mti-purple-light cursor-pointer",
 			path === keyPath && "bg-mti-purple-light text-white",
 			isMinimized ? "w-fit" : "w-full min-w-[200px] 2xl:min-w-[220px] px-8",
 		)}>