diff --git a/src/apps/officer-web/Screens/Dashboard/Layout/Header/Header.tsx b/src/apps/officer-web/Screens/Dashboard/Layout/Header/Header.tsx
index b2b49285..a57f09b5 100644
--- a/src/apps/officer-web/Screens/Dashboard/Layout/Header/Header.tsx
+++ b/src/apps/officer-web/Screens/Dashboard/Layout/Header/Header.tsx
@@ -26,7 +26,7 @@ function EditablePageTitle() {
         onKeyDown={(ev) => {
           if (ev.key === 'Enter' || ev.key === 'Escape') setEditing(false);
         }}
-        className="pointer-events-auto max-w-[50vw] border-b border-duck-teal/50 bg-transparent text-center text-base font-bold text-duck-teal outline-none md:text-xl"
+        className="pointer-events-auto max-w-[50vw] border-b border-[#1d2724]/40 bg-transparent text-center text-base font-bold text-[#1d2724] outline-none md:text-xl"
       />
     );
   }
@@ -34,7 +34,7 @@ function EditablePageTitle() {
     <button
       onClick={() => setEditing(true)}
       title="Click to rename this tab"
-      className="pointer-events-auto max-w-[50vw] cursor-text truncate text-base font-bold text-duck-teal transition-colors hover:text-duck-teal/80 md:text-xl"
+      className="pointer-events-auto max-w-[50vw] cursor-text truncate text-base font-bold text-[#1d2724] transition-opacity hover:opacity-70 md:text-xl"
     >
       {title}
     </button>