diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css index 8130087f89..0fc4571e94 100644 --- a/src/components/cardbuilder/card.css +++ b/src/components/cardbuilder/card.css @@ -244,6 +244,10 @@ button::-moz-focus-inner { background-position: center center; } +.coveredImage.coveredImage-contain { + background-size: contain; +} + .cardFooter { padding: 0.3em 0.3em 0.5em 0.3em; position: relative; diff --git a/src/components/cardbuilder/cardBuilder.js b/src/components/cardbuilder/cardBuilder.js index 49ba27c5dd..c2141295ee 100644 --- a/src/components/cardbuilder/cardBuilder.js +++ b/src/components/cardbuilder/cardBuilder.js @@ -1211,6 +1211,10 @@ import 'programStyles'; if (coveredImage) { cardImageContainerClass += ' coveredImage'; + + if (item.Type === 'TvChannel') { + cardImageContainerClass += ' coveredImage-contain'; + } } if (!imgUrl) {