more fixes

src/components/IntegratedStrategy.tsx

@@ -338,7 +338,7 @@ const IntegratedStrategy = () => {
           <div className={`w-2 h-5 ${category.highlight} rounded`}></div>
 
           <span className="font-medium text-lg text-[#2B2D3B]">{category.name}</span>
-          <span className="text-[#2B2D3B] text-lg font-bold bg-white py-[1px] px-[10px] rounded-full">{category.count}</span>
+          <span className="text-[#2B2D3B] text-lg font-semibold bg-white py-[1px] px-[10px] rounded-full">{category.count}</span>
         </div>
       </div>
       <div className="bg-white border border-t-0 rounded-b-md">
@@ -371,7 +371,7 @@ const IntegratedStrategy = () => {
                     {column.count}
                   </span>
                 </div>
-                {column.date && <span className="text-sm text-gray-500">{column.date}</span>}
+                {column.date && <span className="text-sm text-gray-500 font-medium">{column.date}</span>}
               </div>
             </div>
             <div className=' custom-scrollbar'>

src/components/Strategy/ProgressMetrics.tsx

@@ -9,7 +9,7 @@ import Map from "../../assets/icons/maps.svg"
 function ProgressMetrics() {
 
     return (
-        <div className="bg-white rounded-lg border border-gray-200 p-3 mb-6">
+        <div className="bg-white rounded-t-lg border border-b-0 border-gray-200 p-3 ">
 
             <div className="flex items-center md:flex-row flex-col justify-between pb-3 px-2">
                 <h3 className="text-lg font-bold text-[#2B2D3B]">CPA Los Angeles</h3>

src/components/Strategy/ShowDetails.tsx

@@ -232,7 +232,7 @@ function ShowDetails() {
             {/* Column Header */}
             <div className="p-4 border-b border-gray-200 bg-[#F6F6FA] rounded-lg flex justify-between items-center ">
               <div className="flex items-center justify-between">
-                <h3 className="font-semibold text-gray-900 text-lg">{column.title}</h3>
+                <h3 className="text-lg  font-bold text-[#2B2D3B]">{column.title}</h3>
                 <span className="bg-gray-100 text-gray-600 text-sm px-2 py-1 rounded-full">{column.count}</span>
               </div>
               <p className="text-sm text-gray-500">{column.date}</p>

src/pages/Portfolio.tsx

@@ -99,7 +99,7 @@ function Portfolio() {
 
                             <BacklinkTypeDropdown options={{ DA: true, DR: true, Traffic: true }} title="DA" subTitle="Show rings" />
 
-                            <BacklinkTypeDropdown options={{ DA: true, DR: true, Traffic: true }} title="DA" subTitle="Show rings" />
+                            <BacklinkTypeDropdown options={{ DA: true, DR: true, Traffic: true }} title="DR" subTitle="Show rings" />
 
                             <BacklinkTypeDropdown options={{ DA: true, DR: true, Traffic: true }} title="Traffic" subTitle="Show rings" />
 

src/pages/Strategy.tsx

@@ -27,7 +27,7 @@ function Strategy() {
                 <div className="flex-1 px-2 sm:px-4 w-full lg:w-auto">
                     <ProgressMetrics />
 
-                    <div className="bg-white rounded-lg border border-gray-200 p-2 sm:p-3 pb-6 sm:pb-10">
+                    <div className="bg-white rounded-b-lg border border-t-0 border-gray-200 p-2 sm:p-3 pb-6 sm:pb-10">
 
                         {selectedKeyword === "CPA Los Angeles" ? <IntegratedStrategy /> : <ShowDetails />
                         }