[ClickableTile]: All text looks like link if a real href is used.

[abbeyhrt]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.

In ClickableTile if a real href is specified, then all of the text becomes blue and looks like a link. This might be intended but isn't by default what shows up with the empty href in the storybook so I wanted to clarify.

This doesn't look so bad in the storybook because it's just two words but real use cases have more content in the tiles and it looks a bit odd if it all looks like a link.

Steps to reproduce the issue

1. Go to https://carbon-components-react.netlify.app/?path=/story/components-tile--clickable
2. Change the href to a real link, say https://www.google.com/
3. See that Clickable Tile looks like a link

Also can see this in the sandbox below.

Please create a reduced test case in CodeSandbox
https://codesandbox.io/s/intelligent-platform-ji1xi?file=/src/index.js

[emyarod]

it looks like your code sandbox example is also showing dark gray text?

edited to include URL and dev tools

[abbeyhrt]

Maybe I'm going crazy but this is what I see

[abbeyhrt]

Could it be browser specific? I'm using chrome, if it helps.

[tw15egan]

I see the same, Chrome isn't computing the styles properly:

Since this doesn't need anything from the Link component, I think we just need to render an a instead of Link since we override all the styles anyways

[emyarod]

this is likely due to your browser's history settings so the visited links are appearing blue. in @tw15egan's screenshot of the dev tools you can see that the #161616 color is correctly being applied to the element