diff --git a/_includes/online-courses.html b/_includes/online-courses.html
index a4f86b803..928e06430 100644
--- a/_includes/online-courses.html
+++ b/_includes/online-courses.html
@@ -57,12 +57,12 @@ <h2><span>Online Courses</span></h2>
         <div class="card-text">
           <h4>
             {% if course.coursera-page %}
-              <a href="{{course.coursera-page}}">
+              <a class="course-icon" href="{{course.coursera-page}}">
                 <img src="/resources/img/frontpage/coursera-icon.png" alt="">
               </a>
             {% endif %}
             {% if course.edx-page %}
-              <a href="{{course.edx-page}}">
+              <a class="course-icon" href="{{course.edx-page}}">
                 <img src="/resources/img/frontpage/edx-icon.png" alt="">
               </a>
             {% endif %}
diff --git a/_sass/components/card.scss b/_sass/components/card.scss
index 67a660b65..8ce1cf495 100755
--- a/_sass/components/card.scss
+++ b/_sass/components/card.scss
@@ -62,6 +62,12 @@
 
         line-height: normal;
 
+        &:hover {
+            .course-icon {
+                transform: scale(1.2);
+            }
+        }
+
         .card-text {
 
             margin-left: 0;