diff --git a/dashboard-ui/scripts/supporterkeypage.js b/dashboard-ui/scripts/supporterkeypage.js
index 1b093bbc48..aede79c145 100644
--- a/dashboard-ui/scripts/supporterkeypage.js
+++ b/dashboard-ui/scripts/supporterkeypage.js
@@ -1,4 +1,4 @@
-define(['fetchHelper', 'jQuery'], function (fetchHelper, $) {
+define(['fetchHelper', 'jQuery', 'registrationservices'], function (fetchHelper, $, registrationServices) {
 
     function load(page) {
         Dashboard.showLoadingMsg();
@@ -158,6 +158,13 @@
          }];
     }
 
+    function onSupporterLinkClick(e) {
+
+        registrationServices.showPremiereInfo();
+        e.preventDefault();
+        e.stopPropagation();
+    }
+
     $(document).on('pageinit', "#supporterKeyPage", function () {
 
         var page = this;
@@ -165,7 +172,9 @@
         $('#lostKeyForm', this).on('submit', retrieveSupporterKey);
         $('#linkKeysForm', this).on('submit', SupporterKeyPage.linkSupporterKeys);
 
-        $('.benefits', page).html(Globalize.translate('HeaderSupporterBenefit', '<a href="http://emby.media/premiere" target="_blank">', '</a>'));
+        page.querySelector('.benefits').innerHTML = Globalize.translate('HeaderSupporterBenefit', '<a class="lnkPremiere" href="http://emby.media/premiere" target="_blank">', '</a>');
+
+        page.querySelector('.lnkPremiere').addEventListener('click', onSupporterLinkClick);
 
     }).on('pageshow', "#supporterKeyPage", function () {
 
diff --git a/dashboard-ui/supporterkey.html b/dashboard-ui/supporterkey.html
index ed7f348623..735d1a2e4f 100644
--- a/dashboard-ui/supporterkey.html
+++ b/dashboard-ui/supporterkey.html
@@ -1,4 +1,4 @@
-<div id="supporterKeyPage" data-role="page" class="page type-interior withTabs" data-require="jqmcollapsible,scripts/supporterkeypage,emby-input,emby-button">
+<div id="supporterKeyPage" data-role="page" class="page type-interior withTabs" data-require="emby-collapse,scripts/supporterkeypage,emby-input,emby-button">
 
     <div data-role="content">
         <div class="content-primary">
@@ -48,9 +48,8 @@
                     </p>
                 </form>
                 <br />
-                <div data-role="collapsible">
-                    <h3>${HeaderForgotKey}</h3>
-                    <div>
+                <div is="emby-collapse" title="${HeaderForgotKey}">
+                    <div class="collapseContent">
                         <form id="lostKeyForm">
                             <div style="margin: 1em 0;" class="inputContainer">
                                 <input is="emby-input" type="email" required id="txtEmail" label="${LabelEmailAddress}" />
@@ -63,10 +62,8 @@
                     </div>
                 </div>
 
-                <div data-role="collapsible">
-                    <h3>${HeaderMultipleKeyLinking}</h3>
-                    <div>
-
+                <div is="emby-collapse" title="${HeaderMultipleKeyLinking}">
+                    <div class="collapseContent">
                         <form id="linkKeysForm">
                             <p>
                                 ${MultipleKeyLinkingHelp}