diff --git a/src/course-outline/card-header/TitleButton.jsx b/src/course-outline/card-header/TitleButton.jsx
index d111e46540..82d4d83e99 100644
--- a/src/course-outline/card-header/TitleButton.jsx
+++ b/src/course-outline/card-header/TitleButton.jsx
@@ -8,7 +8,7 @@ import {
 } from '@openedx/paragon';
 import {
   ArrowDropDown as ArrowDownIcon,
-  ArrowDropUp as ArrowUpIcon,
+  ArrowRight as ArrowRightIcon,
 } from '@openedx/paragon/icons';
 import messages from './messages';
 
@@ -33,7 +33,7 @@ const TitleButton = ({
       )}
     >
       <Button
-        iconBefore={isExpanded ? ArrowUpIcon : ArrowDownIcon}
+        iconBefore={isExpanded ? ArrowDownIcon : ArrowRightIcon}
         variant="tertiary"
         data-testid={`${namePrefix}-card-header__expanded-btn`}
         className="item-card-header__title-btn"