fixing styles

src/components/DashboardGrid.tsx

@@ -28,7 +28,7 @@ import Map from "../assets/icons/maps.svg";
 import TotalBacklinks from "../assets/icons/iconheader/total.svg";
 import ActiveKeywords from "../assets/icons/iconheader/active.svg";
 import PortfolioPerformance from "../assets/icons/iconheader/portfolio.svg";
-import InfoBadge from "../assets/icons/iconheader/Info-badge.png";
+import InfoBadge from "../assets/icons/iconheader/info.svg";
 import Amazon from "../assets/icons/amazon.svg";
 
 interface TagContent {
@@ -488,7 +488,7 @@ export default function DashboardGrid() {
                 <div className="flex flex-col px-2 sm:px-4">
 
                     <div className="flex items-center gap-2">
-                        <span className="text-xl sm:text-2xl text-gray-500 font-bold">{value}</span>
+                        <span className="text-xl sm:text-2xl  font-bold">{value}</span>
 
                         {tooltipText && <div className="relative">
                             {/* <Info size={16} className="text-gray-800 cursor-pointer" /> */}
@@ -503,7 +503,7 @@ export default function DashboardGrid() {
                             )}
                         </div>}
                     </div>
-                    <div className="text-sm sm:text-base lg:text-lg text-gray-500 ">{title}</div>
+                    <div className="text-sm sm:text-base lg:text-lg text-gray-500 font-normal ">{title}</div>
                     <div className="text-sm sm:text-base lg:text-lg text-gray-500 flex items-center gap-2">
                         <span className="text-sm sm:text-base lg:text-lg text-gray-500 font-bold">{valueChange}</span>
                     </div>