diff --git a/common/static/common/templates/sequence-breadcrumbs.underscore b/common/static/common/templates/sequence-breadcrumbs.underscore
index da2bd4ba91..ec23d72839 100644
--- a/common/static/common/templates/sequence-breadcrumbs.underscore
+++ b/common/static/common/templates/sequence-breadcrumbs.underscore
@@ -1,6 +1,6 @@
 <% if (unifiedCourseView) { %>
     <a href="<%- '/courses/' + courseId + '/course/#' + blockId %>">
-        <span class="fa fa-arrow-circle-left" aria-hidden="true" aria-describedby="outline-description"></span>
+        <span class="fa fa-arrow-circle-prev icon" aria-hidden="true" aria-describedby="outline-description"></span>
         <span class="sr-only" id="outline-description"><%- gettext('Return to course outline') %></span>
         <b><%- gettext('Outline') %></b>
     </a>
diff --git a/lms/static/sass/course/base/_extends.scss b/lms/static/sass/course/base/_extends.scss
index 6f620f46bc..99eb26e3e5 100644
--- a/lms/static/sass/course/base/_extends.scss
+++ b/lms/static/sass/course/base/_extends.scss
@@ -203,3 +203,13 @@ h1.top-header {
     }
   }
 }
+
+.fa-arrow-circle-prev {
+  &:before {
+    @if $bi-app-direction == ltr {
+        content: "\f0a8"; // .fa-arrow-circle-left
+    } @else if $bi-app-direction == rtl {
+        content: "\f0a9"; // .fa-arrow-circle-right
+    }
+  }
+}