mango-web/components/BorrowRate.tsx

const RatePill = () => {
  return (
    <div className="inline-flex h-6 mt-1 items-center px-3 py-2 text-white text-xs uppercase font-bold bg-mango-red rounded-full">
      <p>7.24%</p>
    </div>
  )
}

export default RatePill