diff --git a/lms/static/sass/multicourse/_home.scss b/lms/static/sass/multicourse/_home.scss
index c696cb700a..96b395288b 100644
--- a/lms/static/sass/multicourse/_home.scss
+++ b/lms/static/sass/multicourse/_home.scss
@@ -336,6 +336,7 @@
       border-bottom: 1px solid rgb(200,200,200);
       @include clearfix;
       padding: 10px 20px 8px;
+      position: relative;
 
       h2 {
         float: left;
@@ -343,12 +344,23 @@
         text-shadow: 0 1px rgba(255,255,255, 0.6);
       }
 
-      a {
+      .action.action-mediakit {
         float: right;
-        font-size: 1.1em;
-        font-family: $serif;
-        padding-top: 3px;
+        position: relative;
+        top: 5px;
+        font-family: $sans-serif;
+        font-size: 14px;
+        text-transform: uppercase;
         text-shadow: 0 1px rgba(255,255,255, 0.6);
+
+        &:after {
+          position: relative;
+          top: -1px;
+          display: inline-block;
+          margin: 0 0 0 5px;
+          content: "➤";
+          font-size: 11px;
+        }
       }
     }
 
diff --git a/lms/templates/index.html b/lms/templates/index.html
index 818b27dfed..83115f8df5 100644
--- a/lms/templates/index.html
+++ b/lms/templates/index.html
@@ -121,7 +121,7 @@
     <section class="more-info">
       <header>
         <h2><span class="edx">edX</span> News &amp; Announcements</h2>
-        <a href="${reverse('media-kit')}"> edX Media Kit ►</a>
+        <a class="action action-mediakit" href="${reverse('media-kit')}"> edX Media Kit</a>
       </header>
       <section class="news">
         <section class="blog-posts">