diff --git a/sigap-website/app/_components/map/controls/top/additional-tooltips.tsx b/sigap-website/app/_components/map/controls/top/additional-tooltips.tsx
index f720950..e68eb30 100644
--- a/sigap-website/app/_components/map/controls/top/additional-tooltips.tsx
+++ b/sigap-website/app/_components/map/controls/top/additional-tooltips.tsx
@@ -16,7 +16,7 @@ import CategorySelector from "../category-selector"
 const additionalTooltips = [
     { id: "reports" as ITooltips, icon: <IconMessage size={20} />, label: "Police Report" },
     { id: "layers" as ITooltips, icon: <Layers size={20} />, label: "Map Layers" },
-    { id: "alerts" as ITooltips, icon: <Siren size={20} className="text-red-500" />, label: "Active Alerts" },
+    { id: "alerts" as ITooltips, icon: <Siren size={20} />, label: "Active Alerts" },
 ]
 
 interface AdditionalTooltipsProps {
@@ -61,8 +61,8 @@ export default function AdditionalTooltips({
                                     variant={activeControl === control.id ? "default" : "ghost"}
                                     size="icon"
                                     className={`h-8 w-8 rounded-md ${activeControl === control.id
-                                        ? "bg-white text-black hover:bg-white/90"
-                                        : "text-white hover:bg-white/10"
+                                        ? "bg-emerald-500 text-black hover:bg-emerald-500/90"
+                                        : "text-white hover:bg-emerald-500/90 hover:text-background"
                                         }`}
                                     onClick={() => onControlChange?.(control.id)}
                                 >
@@ -82,7 +82,7 @@ export default function AdditionalTooltips({
                                 <Button
                                     variant="ghost"
                                     size="icon"
-                                    className="h-8 w-8 rounded-md text-white hover:bg-white/10"
+                                    className="h-8 w-8 rounded-md text-white hover:bg-emerald-500/90 hover:text-background"
                                     onClick={() => setShowSelectors(!showSelectors)}
                                 >
                                     <ChevronDown size={20} />
diff --git a/sigap-website/app/_components/map/controls/top/crime-tooltips.tsx b/sigap-website/app/_components/map/controls/top/crime-tooltips.tsx
index 6279a37..6812cda 100644
--- a/sigap-website/app/_components/map/controls/top/crime-tooltips.tsx
+++ b/sigap-website/app/_components/map/controls/top/crime-tooltips.tsx
@@ -32,8 +32,8 @@ export default function CrimeTooltips({ activeControl, onControlChange }: CrimeT
                                 variant={activeControl === control.id ? "default" : "ghost"}
                                 size="icon"
                                 className={`h-8 w-8 rounded-md ${activeControl === control.id
-                                    ? "bg-white text-black hover:bg-white/90"
-                                    : "text-white hover:bg-white/10"
+                                    ? "bg-emerald-500 text-black hover:bg-emerald-500/90"
+                                    : "text-white hover:bg-emerald-500/90 hover:text-background"
                                     }`}
                                 onClick={() => onControlChange?.(control.id)}
                             >
diff --git a/sigap-website/app/_components/map/controls/top/search-control.tsx b/sigap-website/app/_components/map/controls/top/search-control.tsx
index 95e480b..a5cd181 100644
--- a/sigap-website/app/_components/map/controls/top/search-control.tsx
+++ b/sigap-website/app/_components/map/controls/top/search-control.tsx
@@ -326,8 +326,8 @@ export default function SearchTooltip({ onControlChange, activeControl }: Search
                                 variant={showSearch ? "default" : "ghost"}
                                 size="icon"
                                 className={`h-8 w-8 rounded-md ${showSearch
-                                    ? "bg-white text-black hover:bg-white/90"
-                                    : "text-white hover:bg-white/10"
+                                    ? "bg-emerald-500 text-black hover:bg-emerald-500/90"
+                                    : "text-white hover:bg-emerald-500/90 hover:text-background"
                                     }`}
                                 onClick={toggleSearch}
                             >
@@ -365,7 +365,7 @@ export default function SearchTooltip({ onControlChange, activeControl }: Search
                                     <Button
                                         variant="ghost"
                                         size="icon"
-                                        className="h-7 w-7 rounded-full hover:bg-slate-200 hover:text-background"
+                                        className="h-7 w-7 rounded-full hover:bg-emerald-500/90 hover:text-background"
                                         onClick={toggleSearch}
                                     >
                                         <XCircle size={18} />