diff --git a/signup-ui/src/pages/SignUpPage/AccountSetup/components/TermsAndPrivacyModal.tsx b/signup-ui/src/pages/SignUpPage/AccountSetup/components/TermsAndPrivacyModal.tsx
index 1805df72..c03fec51 100644
--- a/signup-ui/src/pages/SignUpPage/AccountSetup/components/TermsAndPrivacyModal.tsx
+++ b/signup-ui/src/pages/SignUpPage/AccountSetup/components/TermsAndPrivacyModal.tsx
@@ -35,7 +35,7 @@ export const TermsAndPrivacyModal = ({ title, content, isOpen, backdrop, toggleM
     <AlertDialog open={isOpen}>
       <AlertDialogContent ref={modalRef} className="container max-w-[90%] md:w-[1088px] w-[1088px] p-0 bg-white rounded-lg">
         <div className="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
-          <h3 className="text-xl font-semibold text-gray-900 dark:text-white">
+          <h3 className="text-xl font-semibold text-gray-900 dark:text-gray-900">
             {title}
           </h3>
           <button type="button" onClick={toggleModal} className="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="static-modal">