diff --git a/apps/dokploy/hooks/use-keyboard-nav.tsx b/apps/dokploy/hooks/use-keyboard-nav.tsx
index cc9a32496..d9dc75bd6 100644
--- a/apps/dokploy/hooks/use-keyboard-nav.tsx
+++ b/apps/dokploy/hooks/use-keyboard-nav.tsx
@@ -3,7 +3,15 @@
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useCallback, useEffect, useState } from "react";
 
-const PAGES = ["compose", "application", "postgres", "redis", "mysql", "mariadb", "mongodb"] as const;
+const PAGES = [
+	"compose",
+	"application",
+	"postgres",
+	"redis",
+	"mysql",
+	"mariadb",
+	"mongodb",
+] as const;
 type Page = (typeof PAGES)[number];
 
 type Shortcuts = Record<string, string>;
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 a10bca422..ba17aadac 100644
--- a/apps/dokploy/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
+++ b/apps/dokploy/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
@@ -64,7 +64,7 @@ const Mariadb = (
 
 	return (
 		<div className="pb-10">
-      <UseKeyboardNav forPage="mariadb" />
+			<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 32d5fa8d5..58f78268f 100644
--- a/apps/dokploy/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
+++ b/apps/dokploy/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
@@ -64,7 +64,7 @@ const Mongo = (
 
 	return (
 		<div className="pb-10">
-		  <UseKeyboardNav forPage="mongodb" />
+			<UseKeyboardNav forPage="mongodb" />
 			<BreadcrumbSidebar
 				list={[
 					{ name: "Projects", href: "/dashboard/projects" },