From 4f7ee5c5ef2fa5feb49425f37fbee1c974f4ea1e Mon Sep 17 00:00:00 2001
From: Hamzah Ullah <hamzahullah@yahoo.com>
Date: Wed, 2 Oct 2024 09:53:13 -0400
Subject: [PATCH] fix: adds conditional small class to price ranges

---
 src/components/course/CourseSidebarPrice.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/course/CourseSidebarPrice.jsx b/src/components/course/CourseSidebarPrice.jsx
index 59e577f3f..0513220eb 100644
--- a/src/components/course/CourseSidebarPrice.jsx
+++ b/src/components/course/CourseSidebarPrice.jsx
@@ -27,6 +27,7 @@ const CourseSidebarPrice = () => {
     return <Skeleton containerTestId="course-price-skeleton" height={24} />;
   }
   const originalPriceDisplay = getContentPriceDisplay(coursePrice.listRange);
+  const hasPriceRange = coursePrice.listRange.length > 1;
   const showOrigPrice = !enterpriseCustomer.hideCourseOriginalPrice;
   const crossedOutOriginalPrice = (
     <del>
@@ -36,7 +37,8 @@ const CourseSidebarPrice = () => {
           defaultMessage="Priced reduced from:"
           description="Message to indicate that the price has been reduced."
         />
-      </span>${originalPriceDisplay} {currency}
+      </span>
+      <span className={classNames({ small: hasPriceRange })}>${originalPriceDisplay} {currency}</span>
     </del>
   );