diff --git a/apps/dokploy/hooks/use-keyboard-nav.tsx b/apps/dokploy/hooks/use-keyboard-nav.tsx
index be9e206a9..cc9a32496 100644
--- a/apps/dokploy/hooks/use-keyboard-nav.tsx
+++ b/apps/dokploy/hooks/use-keyboard-nav.tsx
@@ -3,7 +3,7 @@
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useCallback, useEffect, useState } from "react";
 
-const PAGES = ["compose", "application", "postgres", "redis", "mysql"] as const;
+const PAGES = ["compose", "application", "postgres", "redis", "mysql", "mariadb", "mongodb"] as const;
 type Page = (typeof PAGES)[number];
 
 type Shortcuts = Record<string, string>;
@@ -58,6 +58,8 @@ const SHORTCUTS: ShortcutsDictionary = {
 	postgres: POSTGRES_SHORTCUTS,
 	redis: REDIS_SHORTCUTS,
 	mysql: POSTGRES_SHORTCUTS,
+	mariadb: POSTGRES_SHORTCUTS,
+	mongodb: POSTGRES_SHORTCUTS,
 };
 
 /**
diff --git a/apps/dokploy/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx b/apps/dokploy/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
index d6745a241..a10bca422 100644
--- a/apps/dokploy/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
+++ b/apps/dokploy/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
@@ -29,6 +29,7 @@ import {
 	TooltipProvider,
 	TooltipTrigger,
 } from "@/components/ui/tooltip";
+import { UseKeyboardNav } from "@/hooks/use-keyboard-nav";
 import { cn } from "@/lib/utils";
 import { appRouter } from "@/server/api/root";
 import { api } from "@/utils/api";
@@ -63,6 +64,7 @@ const Mariadb = (
 
 	return (
 		<div className="pb-10">
+      <UseKeyboardNav forPage="mariadb" />
 			<BreadcrumbSidebar
 				list={[
 					{ name: "Projects", href: "/dashboard/projects" },
diff --git a/apps/dokploy/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx b/apps/dokploy/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
index 82b60d5ea..32d5fa8d5 100644
--- a/apps/dokploy/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
+++ b/apps/dokploy/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
@@ -29,6 +29,7 @@ import {
 	TooltipProvider,
 	TooltipTrigger,
 } from "@/components/ui/tooltip";
+import { UseKeyboardNav } from "@/hooks/use-keyboard-nav";
 import { cn } from "@/lib/utils";
 import { appRouter } from "@/server/api/root";
 import { api } from "@/utils/api";
@@ -63,6 +64,7 @@ const Mongo = (
 
 	return (
 		<div className="pb-10">
+		  <UseKeyboardNav forPage="mongodb" />
 			<BreadcrumbSidebar
 				list={[
 					{ name: "Projects", href: "/dashboard/projects" },