diff --git a/apps/web/app/providers.tsx b/apps/web/app/providers.tsx
index 3b00a08..ad07829 100644
--- a/apps/web/app/providers.tsx
+++ b/apps/web/app/providers.tsx
@@ -2,13 +2,13 @@
 
 import { useEffect, useState, type FC, type ReactNode } from "react";
 import { ThemeProvider } from "next-themes";
-import { MenuProvider } from "kmenu";
+import { MenuProvider, Dimensions } from "kmenu";
 
 export default (({ children }) => {
   const [mounted, setMounted] = useState(false);
   useEffect(() => setMounted(true), [mounted]);
 
-  const dimensions = {
+  const dimensions: Dimensions = {
     sectionHeight: 30,
     commandHeight: 50,
     commands: 6,
diff --git a/apps/web/package.json b/apps/web/package.json
index e9046c2..99ad5f4 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -18,7 +18,7 @@
     "clsx": "^2.1.0",
     "framer-motion": "^11.0.3",
     "image-size": "^1.1.1",
-    "kmenu": "*",
+    "kmenu": "^2.0.0-1-dev",
     "next": "^14.0.4",
     "next-themes": "^0.2.1",
     "react": "^18.2.0",