From 82219e9b08af9f008567c505ca5437ad45b3e6bb Mon Sep 17 00:00:00 2001
From: Ben Warzeski <bwarzeski@edx.org>
Date: Wed, 30 Nov 2022 14:07:22 -0500
Subject: [PATCH] fix: image wrapper (#78)

---
 src/containers/CourseCard/components/CourseCardImage.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/containers/CourseCard/components/CourseCardImage.jsx b/src/containers/CourseCard/components/CourseCardImage.jsx
index 3be032e..cc458f0 100644
--- a/src/containers/CourseCard/components/CourseCardImage.jsx
+++ b/src/containers/CourseCard/components/CourseCardImage.jsx
@@ -20,6 +20,7 @@ export const CourseCardImage = ({ cardId, orientation }) => {
   const { isVerified } = appHooks.useCardEnrollmentData(cardId);
   const { isEntitlement } = appHooks.useCardEntitlementData(cardId);
   const handleImageClicked = appHooks.useTrackCourseEvent(courseImageClicked, cardId, homeUrl);
+  const wrapperClassName = `pgn__card-wrapper-image-cap overflow-visible ${orientation}`;
   const image = (
     <>
       <img
@@ -43,10 +44,10 @@ export const CourseCardImage = ({ cardId, orientation }) => {
     </>
   );
   return isEntitlement
-    ? image
+    ? (<div className={wrapperClassName}>{image}</div>)
     : (
       <a
-        className={`pgn__card-wrapper-image-cap overflow-visible ${orientation}`}
+        className={wrapperClassName}
         href={homeUrl}
         onClick={handleImageClicked}
       >