diff --git a/cms/static/sass/elements/_header.scss b/cms/static/sass/elements/_header.scss
index e1c12c9131..026ca96274 100644
--- a/cms/static/sass/elements/_header.scss
+++ b/cms/static/sass/elements/_header.scss
@@ -159,8 +159,9 @@
     }
 
     // entire link
-    a {
+    .course-link {
       @include transition(color 0.25s ease-in-out);
+      display: block;
       color: $gray-d1;
 
       &:hover {
diff --git a/cms/templates/widgets/header.html b/cms/templates/widgets/header.html
index ea373bbb83..f8b65561ef 100644
--- a/cms/templates/widgets/header.html
+++ b/cms/templates/widgets/header.html
@@ -9,7 +9,7 @@
       <% ctx_loc = context_course.location %>
       <h2 class="info-course">
         <span class="sr">Current Course:</span>
-        <a href="${reverse('course_index', kwargs=dict(org=ctx_loc.org, course=ctx_loc.course, name=ctx_loc.name))}">
+        <a class="course-link" href="${reverse('course_index', kwargs=dict(org=ctx_loc.org, course=ctx_loc.course, name=ctx_loc.name))}">
           <span class="course-org">${ctx_loc.org}</span><span class="course-number">${ctx_loc.course}</span>
           <span class="course-title" title="${context_course.display_name_with_default}">${context_course.display_name_with_default}</span>
         </a>