Table is not rendering properly

[sjosegarcia]

I recently installed tailwind and shadcn into my project. I have a problem with My table. Here is my code and an example of how its rendering.

return (
    <>
      <Table className="w-full text-sm">
        <TableCaption>Live crypto price feed</TableCaption>
        <TableHeader>
          <TableRow>
            <TableHead className="w-[100px]">Token</TableHead>
            <TableHead>Min Price</TableHead>
            <TableHead>Median Price</TableHead>
            <TableHead>Max Price</TableHead>
          </TableRow>
        </TableHeader>
        <TableBody>
          {signedPrices.map(
            ({ tokenSymbol, tokenAddress, minPriceFull, maxPriceFull }) => {
              const tokenData = medianPrices[tokenAddress];

              if (!tokenData) {
                return <></>;
              }

              const { lastMedianPrice, color } = tokenData;

              const formattedMinPrice = `$${formatUsdPrice(
                tokenAddress,
                minPriceFull,
              )}`;

              const formattedMedianPrice = `$${formatUsdPrice(
                tokenAddress,
                lastMedianPrice.toString(),
              )}`;
              const formattedMaxPrice = `$${formatUsdPrice(
                tokenAddress,
                maxPriceFull,
              )}`;
              return (
                <TableRow key={tokenSymbol}>
                  <TableCell className="font-medium">{tokenSymbol}</TableCell>
                  <TableCell>{formattedMinPrice}</TableCell>
                  <TableCell className={color}>
                    {formattedMedianPrice}
                  </TableCell>
                  <TableCell>{formattedMaxPrice}</TableCell>
                </TableRow>
              );
            },
          )}
        </TableBody>
        <TableFooter></TableFooter>
      </Table>
    </>

[sjosegarcia]

I believe the problem was that I imported from luciede-react