diff --git a/static/css/pages/manage-application.css b/static/css/pages/manage-application.css
new file mode 100644
index 000000000..5dc50dfe6
--- /dev/null
+++ b/static/css/pages/manage-application.css
@@ -0,0 +1,10 @@
+.manage-application .scope-description {
+  padding-left: 22px;
+  margin-bottom: 20px;
+}
+
+.manage-application .user-name {
+  vertical-align: middle;
+  display: inline-block;
+  font-weight: bold;
+}
\ No newline at end of file
diff --git a/static/partials/manage-application.html b/static/partials/manage-application.html
index 2a2b7f939..241451ebb 100644
--- a/static/partials/manage-application.html
+++ b/static/partials/manage-application.html
@@ -97,19 +97,26 @@
 
         <!-- Generate Token tab -->
         <div id="gen-token" class="tab-pane">
-          <div style="margin-bottom: 20px">
-              Click the button below to generate a new <a href="http://tools.ietf.org/html/rfc6749#section-1.4" target="_new">OAuth 2 Access Token</a>.
-          </div>
+          <div class="co-alert co-alert-info">
+            <div style="margin-bottom: 10px">
+                Click the button below to generate a new <a href="http://tools.ietf.org/html/rfc6749#section-1.4" target="_new">OAuth 2 Access Token</a>.
+            </div>
 
-          <div style="margin-bottom: 20px">
-            <strong>Note:</strong> The generated token will act on behalf of user
-            <span class="avatar" data="user.avatar" size="16" style="margin-left: 6px; margin-right: 4px;"></span>
-            {{ user.username }}
+            <div>
+              The generated token will act on behalf of user
+              <span class="avatar" data="user.avatar" size="16" style="margin-left: 6px; margin-right: 4px;"></span>
+              <span class="user-name">{{ user.username }}</span>
+            </div>
           </div>
 
           <table>
             <tr ng-repeat="(scopeName, scopeInfo) in OAuthService.SCOPES">
-              <td><label onclick="event.stopPropagation()"><input type="checkbox" value="scopeInfo[0]" ng-model="genScopes[scopeName]">{{ scopeInfo[3] }}</label></td>
+              <td>
+                  <label onclick="event.stopPropagation()">
+                    <input type="checkbox" value="scopeInfo[0]" ng-model="genScopes[scopeName]">{{ scopeInfo[3] }}
+                  </label>
+                  <div class="scope-description">{{ scopeInfo[4] }}</div>
+              </td>
             </tr>
           </table>