diff --git a/client/src/components/Auth/Login.tsx b/client/src/components/Auth/Login.tsx
index 3d9322a23f..c811ac0a14 100644
--- a/client/src/components/Auth/Login.tsx
+++ b/client/src/components/Auth/Login.tsx
@@ -96,9 +96,10 @@ function Login() {
 
   const privacyPolicyRender = privacyPolicy?.externalUrl && (
     <a
-      className="text-xs font-medium text-gray-500"
+      className="text-xs font-medium text-green-500"
       href={privacyPolicy.externalUrl}
-      target={privacyPolicy.openNewTab ? '_blank' : undefined} rel="noreferrer"
+      target={privacyPolicy.openNewTab ? '_blank' : undefined}
+      rel="noreferrer"
     >
       {localize('com_ui_privacy_policy')}
     </a>
@@ -106,9 +107,10 @@ function Login() {
 
   const termsOfServiceRender = termsOfService?.externalUrl && (
     <a
-      className="text-xs font-medium text-gray-500"
+      className="text-xs font-medium text-green-500"
       href={termsOfService.externalUrl}
-      target={termsOfService.openNewTab ? '_blank' : undefined} rel="noreferrer"
+      target={termsOfService.openNewTab ? '_blank' : undefined}
+      rel="noreferrer"
     >
       {localize('com_ui_terms_of_service')}
     </a>
diff --git a/client/src/components/Chat/Footer.tsx b/client/src/components/Chat/Footer.tsx
index 7cd03d074e..47271e520a 100644
--- a/client/src/components/Chat/Footer.tsx
+++ b/client/src/components/Chat/Footer.tsx
@@ -10,9 +10,10 @@ export default function Footer() {
 
   const privacyPolicyRender = privacyPolicy?.externalUrl && (
     <a
-      className=" text-gray-500 underline"
+      className=" text-gray-600 underline dark:text-gray-300"
       href={privacyPolicy.externalUrl}
-      target={privacyPolicy.openNewTab ? '_blank' : undefined} rel="noreferrer"
+      target={privacyPolicy.openNewTab ? '_blank' : undefined}
+      rel="noreferrer"
     >
       {localize('com_ui_privacy_policy')}
     </a>
@@ -20,9 +21,10 @@ export default function Footer() {
 
   const termsOfServiceRender = termsOfService?.externalUrl && (
     <a
-      className=" text-gray-500 underline"
+      className=" text-gray-600 underline dark:text-gray-300"
       href={termsOfService.externalUrl}
-      target={termsOfService.openNewTab ? '_blank' : undefined} rel="noreferrer"
+      target={termsOfService.openNewTab ? '_blank' : undefined}
+      rel="noreferrer"
     >
       {localize('com_ui_terms_of_service')}
     </a>