diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
index a6a3b0f..fb71dbf 100644
--- a/src/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -2,27 +2,29 @@ import { CheckSquare, Home } from "lucide-react";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
 import LogoutButton from "../modules/auth/components/logout-button";
+import dashboardRoutes from "@/modules/dashboard/dashboard.route";
+import todosRoutes from "@/modules/todos/todos.route";
 
 export function Navigation() {
     return (
-        <nav className="border-b bg-white sticky top-0 z-50">
+        <nav className="border-b bg-card sticky top-0 z-50">
             <div className="container mx-auto px-4 py-3">
                 <div className="flex items-center justify-between">
                     <div className="flex items-center space-x-6">
                         <Link
-                            href="/"
-                            className="text-xl font-bold text-gray-900"
+                            href={dashboardRoutes.dashboard}
+                            className="text-xl font-bold"
                         >
                             TodoApp
                         </Link>
                         <div className="items-center space-x-4 hidden md:flex">
-                            <Link href="/">
+                            <Link href={dashboardRoutes.dashboard}>
                                 <Button variant="ghost" size="sm">
                                     <Home className="mr-2 h-4 w-4" />
                                     Home
                                 </Button>
                             </Link>
-                            <Link href="/todos">
+                            <Link href={todosRoutes.list}>
                                 <Button variant="ghost" size="sm">
                                     <CheckSquare className="mr-2 h-4 w-4" />
                                     Todos