I'm using next/link on a glui card component and whenever I use it as a parent of the Card component, it messes up css styles.
Here's the code below:

        {Object.keys(images).map((image) => {
          const { friendlyName, description, icon } = images[image];
          return (
            <Link href="https://google.com" className="" passHref key={image}>
            <Card
              key={image}
              className="flex gap-2 justify-between w-96 h-36 bg-bg-darker"
            >
              <Image src={icon} alt={friendlyName} width={96} height={96} />
              <div className="flex flex-col justify-center">
                <p className="text-text-primary font-bold text-lg">{friendlyName}</p>
              <p className="text-text-secondary font-medium">{description}</p>
              </div>
            </Card>
            </Link>

          );
        })}