diff --git a/src/components/dashboard/SidebarDashboardList.tsx b/src/components/dashboard/SidebarDashboardList.tsx
index 0f14acd..f8629d0 100644
--- a/src/components/dashboard/SidebarDashboardList.tsx
+++ b/src/components/dashboard/SidebarDashboardList.tsx
@@ -9,7 +9,7 @@ import PaginationControls from '@/components/pagination/PaginationControls';
 import Dot from '@/components/ui/Dot/Dot';
 import crown from '@/assets/icons/crown.svg';
 import menu from '@/assets/icons/hamburger.svg';
-import { usePathname } from 'next/navigation';
+import { useParams } from 'next/navigation';
 
 const ITEMS_PER_PAGE = 15;
 
@@ -33,7 +33,7 @@ export default function SidebarDashboardList({ open, onToggle }: { open: boolean
     setPage((prev) => prev + 1);
   };
 
-  const pathname = usePathname();
+  const params = useParams();
 
   return (
     <div className='flex flex-1 flex-col overflow-y-auto [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar]:w-1'>
@@ -47,7 +47,7 @@ export default function SidebarDashboardList({ open, onToggle }: { open: boolean
                     href={`/dashboard/${item.id}`}
                     className={cn(
                       'y-2 flex h-12 min-w-0 items-center gap-3 rounded-lg px-4',
-                      pathname === `/dashboard/${item.id}` && 'bg-violet-10 text-violet-20',
+                      params.id === String(item.id) && 'bg-violet-10 text-violet-20',
                       'hover:bg-violet-10 hover:text-violet-20 md:px-1',
                     )}
                   >