[Dúvida] Borda com cor estanha

Oi

Você poderia compartilhar o código?

import { AiOutlineShoppingCart } from 'react-icons/ai';

export default function CardProduct({ price, name, image, description }) {
    return (
        <div className='group w-52 text-letterLight cursor-pointer'>
            <img
                className='opacity-70 group-hover:opacity-100 rounded-t'
                src={image}
                alt={description}
            />
            <div className='px-1 mb-10'>
                <h3 className='mb-4 mt-2'>{name}</h3>
                <p className='text-primary text-xl font-bold'>{`R$${price}`}</p>
                <p className='text-xs'>À vista com 15% de desconto</p>
            </div>
            <button className='flex items-center justify-center w-full bg-primary rounded py-1 font-bold'>
                <AiOutlineShoppingCart size={20} className='mr-2' />
                Comprar
            </button>
        </div>
    )
}

Estou usando o tailwind no react esse é o arquivo tailwind.config

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    colors: {
      background: "#222222",
      primary: "#FFA500",
      secundary: "#606060",
      letterDark: "#000000",
      letterLight: "#FFFFFF",
    },
    fontFamily: {
      'sans': ['Roboto', 'sans-serif']
    }
  },
  plugins: [],
}