diff --git a/frontend/src/components/auth/SignupForm.tsx b/frontend/src/components/auth/SignupForm.tsx
index a6da8e56..79c55b8c 100644
--- a/frontend/src/components/auth/SignupForm.tsx
+++ b/frontend/src/components/auth/SignupForm.tsx
@@ -63,7 +63,7 @@ const SignupForm = () => {
         showStrength={false}
       />
       {/* TOS Text */}
-      <div className="text-xs text-center text-gray-600 dark:text-gray-400">
+      <div className="text-xs text-center text-gray-600 dark:text-gray-300">
         By signing up, you agree to our <br />
         <Link to="/tos" className="text-accent underline">
           terms and conditions
diff --git a/frontend/src/components/listing/ListingFooter.tsx b/frontend/src/components/listing/ListingFooter.tsx
index d95a5c93..ec152d45 100644
--- a/frontend/src/components/listing/ListingFooter.tsx
+++ b/frontend/src/components/listing/ListingFooter.tsx
@@ -9,7 +9,7 @@ const ListingFooter = ({ listingId, edit }: Props) => {
   return (
     <div className="relative border-t p-4">
       <div className="grid grid-cols-1 md:grid-cols-[1fr_auto] gap-4 items-center">
-        <div className="text-gray-600 dark:text-gray-400 italic text-sm">
+        <div className="text-gray-600 dark:text-gray-300 italic text-sm">
           {`Listing ID: ${listingId}`}
         </div>
         {edit && (
diff --git a/frontend/src/components/nav/Sidebar.tsx b/frontend/src/components/nav/Sidebar.tsx
index 7b61c369..0afc658e 100644
--- a/frontend/src/components/nav/Sidebar.tsx
+++ b/frontend/src/components/nav/Sidebar.tsx
@@ -95,7 +95,7 @@ const Sidebar = ({ show, onClose }: Props) => {
     >
       <h5
         id="drawer-navigation-label"
-        className="text-base font-semibold text-gray-500 uppercase dark:text-gray-400"
+        className="text-base font-semibold text-gray-500 uppercase dark:text-gray-300"
       >
         SETTINGS
       </h5>
diff --git a/frontend/src/components/ui/Toast.tsx b/frontend/src/components/ui/Toast.tsx
index 26534ea4..e6a0602f 100644
--- a/frontend/src/components/ui/Toast.tsx
+++ b/frontend/src/components/ui/Toast.tsx
@@ -56,7 +56,7 @@ const Toast = (props: Props) => {
 
   return (
     <div
-      className="flex items-center w-full max-w-xs p-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
+      className="flex items-center w-full max-w-xs p-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-300 dark:bg-gray-800"
       role="alert"
     >
       <div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-blue-500 bg-blue-100 rounded-lg dark:bg-blue-800 dark:text-blue-200">