diff --git a/dashboard/src/app.tsx b/dashboard/src/app.tsx
index ddd6cad..9acc1b0 100644
--- a/dashboard/src/app.tsx
+++ b/dashboard/src/app.tsx
@@ -1,12 +1,14 @@
 import { StrictMode } from 'react'
 import ReactDOM from 'react-dom/client'
-import { RouterProvider, createRouter } from '@tanstack/react-router'
+import { RouterProvider, createHashHistory, createRouter } from '@tanstack/react-router'
 import '@marzneshin/features/i18n'
 import './globals.css'
 
 import { routeTree } from './routeTree.gen'
 
-const router = createRouter({ routeTree })
+const hashHistory = createHashHistory()
+
+const router = createRouter({ routeTree, history: hashHistory })
 
 declare module '@tanstack/react-router' {
     interface Register {
diff --git a/dashboard/src/components/nav-dir/index.tsx b/dashboard/src/components/nav-dir/index.tsx
index bb87621..9ba320a 100644
--- a/dashboard/src/components/nav-dir/index.tsx
+++ b/dashboard/src/components/nav-dir/index.tsx
@@ -78,7 +78,7 @@ export const NavigationDirectory: FC<NavigationDirectoryProps> = ({ sidebar }) =
                                     <DropdownMenuContent align="start">
                                         {items.slice(1, -2).map((item, index) => (
                                             <DropdownMenuItem key={index}>
-                                                <Link to={item.href}>
+                                                <Link to={item.href} className="capitalize">
                                                     {item.label}
                                                 </Link>
                                             </DropdownMenuItem>