Table fixes

src/components/shared/MetricCard.tsx

@@ -46,11 +46,11 @@ const MetricCard = ({ icon: Icon, img: Img, value, label, tooltipText, valueChan
 
             <div className="flex-1">
                 <div className={`${size === 'sm' ? 'text-sm border-2 border-gray-200 px-1 rounded-lg' : 'text-xl'} font-bold text-gray-800 flex items-center space-x-2 p-[3px] justify-between `}>
-                    <span className="text-sm text-gray-400">{!tooltipText && label}</span>
+                    <span className="text-sm font-semibold text-[#787B91]">{!tooltipText && label}</span>
 
-                    <span className="text-[#787B91] bg-gray-200 px-1 py-0 rounded-md">{value}</span>
+                    <span className="text-[#787B91] font-semibold bg-gray-200 px-1 py-0 rounded-md">{value}</span>
                     {valueChange && (
-                        <div className="flex items-center text-md font-semibold text-green-500">
+                        <div className="flex items-center text-md font-medium text-[#029056]">
                             {Icon && (
                                 <ArrowUp size={14} className="inline-block mr-1" />
                             )}