       {controls}
     </div>
 
-  CourseName: ({coursePath}) ->
+  CourseName: ->
     {course, courseSubject} = @props
     courseNameSegments = getCourseNameSegments(course, courseSubject)
 
-    <Link to={coursePath}>
+    <TutorLink to='dashboard' params={courseId: course.id}>
       {_.map(courseNameSegments, (courseNameSegment, index) ->
         <span
           key="course-name-segment-#{index}"

          {"#{courseNameSegment} "}
        </span>
      )}
    </Link>

  render: ->
    {course, courseDataProps, controls, courseIsTeacher, className} = @props
    coursePath = Router.makePathname('dashboard', {courseId: course.id})

    itemClasses = classnames('course-listing-item', className)


      >
        <div
          className='course-listing-item-title'>
          <@CourseName />
        </div>
        <div
          className='course-listing-item-details'
          data-has-controls={controls?}
        >
          <TutorLink to='dashboard' params={courseId: course.id}>
            <CourseBranding isConceptCoach={course.is_concept_coach or false} />
            <p className='course-listing-item-term'>{course.term} {course.year}</p>
          </TutorLink>
          {<@Controls /> if controls?}
        </div>
      </div>
