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 68788ac3..b2b49285 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-white/50 bg-transparent text-center text-sm font-semibold text-white outline-none md:text-base"
+        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"
       />
     );
   }
@@ -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-sm font-semibold text-white/90 transition-colors hover:text-white md:text-base"
+      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"
     >
       {title}
     </button>