From 717b8d0a28025e9ace798dab57ca25f81b8bc7d0 Mon Sep 17 00:00:00 2001
From: Kelechi <okekekelechi96@gmail.com>
Date: Mon, 25 Nov 2024 09:02:06 +0100
Subject: [PATCH] fix: fixed sub heading for dark mode

---
 src/components/client/HIIQHolders.tsx   | 2 +-
 src/components/dashboard/PageHeader.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/client/HIIQHolders.tsx b/src/components/client/HIIQHolders.tsx
index 046fe0a4..965930e5 100644
--- a/src/components/client/HIIQHolders.tsx
+++ b/src/components/client/HIIQHolders.tsx
@@ -39,7 +39,7 @@ export default function HIIQHolders() {
         <h1 className="text-base lg:text-2xl font-semibold">
           HiIQ Token Holders
         </h1>
-        <p className="text-sm lg:text-base font-medium text-[#475569] dark:text-gray500">
+        <p className="text-sm lg:text-base font-medium text-[#475569] dark:text-[#D2D2D2]">
           View key data and insights on HiIQ token holders.
         </p>
       </div>
diff --git a/src/components/dashboard/PageHeader.tsx b/src/components/dashboard/PageHeader.tsx
index 23959e62..8ed39b13 100644
--- a/src/components/dashboard/PageHeader.tsx
+++ b/src/components/dashboard/PageHeader.tsx
@@ -6,7 +6,7 @@ import { PageHeaderPropsType } from '@/types/PageHeader'
 
 const PageHeader = ({ header, body, portfolios }: PageHeaderPropsType) => {
   return (
-    <Flex direction="column" gap="2">
+    <Flex direction="column" gap="1">
       <Heading fontWeight="bold" fontSize={{ md: 'xl', lg: '2xl' }}>
         {header}
       </Heading>
@@ -48,7 +48,7 @@ const PageHeader = ({ header, body, portfolios }: PageHeaderPropsType) => {
       {body && (
         <Text
           fontSize={{ base: 'sm', md: 'md' }}
-          color="gray.500"
+          color="#D2D2D2"
           fontWeight="medium"
         >
           {body}