Fix offer card UI

apps/portal/src/components/offers/profile/OfferCard.tsx

@@ -72,8 +72,7 @@ export default function OfferCard({
         <HorizontalDivider />
         <div className="px-8">
           <div className="flex flex-col py-2">
-            {totalCompensation ||
+            {(totalCompensation || monthlySalary) && (
-              (monthlySalary && (
               <div className="flex flex-row">
                 <CurrencyDollarIcon className="mr-1 h-5" />
                 <p>
@@ -81,9 +80,9 @@ export default function OfferCard({
                   {monthlySalary && `Monthly Salary: ${monthlySalary}`}
                 </p>
               </div>
-              ))}
+            )}
             {totalCompensation && (
-              <div className="ml-6 flex flex-row font-light text-slate-400">
+              <div className="ml-6 flex flex-row font-light">
                 <p>
                   Base / year: {base} ⋅ Stocks / year: {stocks} ⋅ Bonus / year:{' '}
                   {bonus}