diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 4e430f1..2cff21f 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -26,6 +26,7 @@ export function Navbar() {
   const isAdminDashboard = pathname?.startsWith("/admin/dashboard");
   const isUserSettings = pathname?.startsWith("/user/settings");
   const isAdminSettings = pathname?.startsWith("/admin/settings");
+  const isUserAppointmentDetails = pathname?.startsWith("/user/appointments/");
   const isUserRoute = pathname?.startsWith("/user/");
   const { isAuthenticated, logout, user, isAdmin } = useAuth();
 
@@ -142,7 +143,7 @@ export function Navbar() {
             )}
             {isAuthenticated && (
               <>
-                {!(isUserDashboard || isAdminDashboard || isUserSettings || isAdminSettings) && (
+                {!(isUserDashboard || isAdminDashboard || isUserSettings || isAdminSettings || isUserAppointmentDetails) && (
                   <Link 
                     href={isAdmin ? "/admin/dashboard" : "/user/dashboard"}
                     className={`text-sm font-medium transition-colors cursor-pointer px-3 py-2 rounded-lg hover:opacity-90 ${isDark ? 'text-gray-300 hover:text-white' : 'text-gray-700 hover:text-rose-600'}`}
@@ -258,7 +259,7 @@ export function Navbar() {
                   )}
                   {isAuthenticated && (
                     <>
-                      {!(isUserDashboard || isAdminDashboard || isUserSettings || isAdminSettings) && (
+                      {!(isUserDashboard || isAdminDashboard || isUserSettings || isAdminSettings || isUserAppointmentDetails) && (
                         <Link
                           href={isAdmin ? "/admin/dashboard" : "/user/dashboard"}
                           onClick={() => setMobileMenuOpen(false)}