Edit: The issue has been fixed by adding the border radius to the first and last table cells instead of the whole table row.
I recently started using Shadcn in my crypto app. The table row should have a border radius of 12px, but it's not showing up. I tried adding it directly in the table.tsx document in the components/ui and it didn't have any effect. I also tried wrapping the row in a div and adding the border radius there, but that caused a hydration error. Other Tailwind classes are working fine.
<TableBody>
{coinsData.map((data: any, index: number) => (
<TableRow key={index} className="bg-[#191925] w-full h-[77px] border-none rounded-xl">
<TableCell>{data.name}</TableCell>
</TableRow>
))}
</TableBody>