diff --git a/packages/gatsby-theme-carbon/src/components/ImageCard/ImageCard.js b/packages/gatsby-theme-carbon/src/components/ImageCard/ImageCard.js index 2423c41f2..3f108a530 100755 --- a/packages/gatsby-theme-carbon/src/components/ImageCard/ImageCard.js +++ b/packages/gatsby-theme-carbon/src/components/ImageCard/ImageCard.js @@ -117,10 +117,9 @@ export default class ImageCard extends React.Component { [`${prefix}--aspect-ratio--4x3`]: aspectRatio === '4:3', }); - const carbonTileclassNames = classnames( - [`${prefix}--tile`], - [`${prefix}--tile--clickable`] - ); + const carbonTileclassNames = classnames([`${prefix}--tile`], { + [`${prefix}--tile--clickable`]: href !== undefined, + }); const titleClassNames = classnames([`${prefix}--image-card__title`], { [`${prefix}--image-card__title--dark`]: titleColor === 'dark', @@ -160,7 +159,7 @@ export default class ImageCard extends React.Component { ); let cardContainer; - if (disabled === true) { + if (disabled === true || href === undefined) { cardContainer =
{cardContent}
; } else if (isLink === true) { cardContainer = (