diff --git a/src/components/navbar/Bell.tsx b/src/components/navbar/Bell.tsx
index 917a7006..4fd5c592 100644
--- a/src/components/navbar/Bell.tsx
+++ b/src/components/navbar/Bell.tsx
@@ -10,7 +10,7 @@ export default function Bell({
       <span className="indicator-item badge badge-error px-1 rounded-full text-white">
         {notificationCount}
       </span>
-      <BellIcon className="h-6 w-6 text-white hover:text-base-100 duration-200 self-center cursor-pointer" />
+      <BellIcon className="h-6 w-6 hover:text-base-100 duration-200 self-center cursor-pointer" />
     </div>
   );
 }
diff --git a/src/components/navbar/ChinguMenu.tsx b/src/components/navbar/ChinguMenu.tsx
index daf32f8d..5236d972 100644
--- a/src/components/navbar/ChinguMenu.tsx
+++ b/src/components/navbar/ChinguMenu.tsx
@@ -1,10 +1,8 @@
-"use client";
-
 import Image from "next/image";
 
 export default function ChinguMenu() {
   return (
-    <div className="flex items-center gap-2">
+    <div className="flex items-center gap-2 cursor-pointer">
       <Image
         src="/chingu_logo.png"
         width={50}
diff --git a/src/components/navbar/DropDown.tsx b/src/components/navbar/DropDown.tsx
index 8550aeec..c0cb4203 100644
--- a/src/components/navbar/DropDown.tsx
+++ b/src/components/navbar/DropDown.tsx
@@ -1,3 +1,4 @@
+import { ChevronDownIcon } from "@heroicons/react/24/outline";
 import DropDownLink from "./DropDownLink";
 
 export default function DropDown({ name }: { name: string }) {
@@ -7,7 +8,7 @@ export default function DropDown({ name }: { name: string }) {
         tabIndex={0}
         className="btn m-0 p-0 bg-transparent border-none hover:border-none hover:bg-transparent"
       >
-        {name}
+        {name} <ChevronDownIcon className="w-4" />
       </label>
       <ul
         tabIndex={0}
diff --git a/src/components/navbar/DropDownLink.tsx b/src/components/navbar/DropDownLink.tsx
index 285f65cf..39b5ffa7 100644
--- a/src/components/navbar/DropDownLink.tsx
+++ b/src/components/navbar/DropDownLink.tsx
@@ -10,7 +10,7 @@ export default function DropDownLink({ title, href = "#" }: DropDownLinkProps) {
     <li>
       <Link
         href={href}
-        className="text-neutral hover:text-primary font-semibold  duration-200"
+        className="text-neutral hover:text-neutral-focus font-semibold  duration-200"
       >
         {title}
       </Link>