diff --git a/public/resources/css/module/_symbol.scss b/public/resources/css/module/_symbol.scss
index e0cf61cc0f..9940883424 100644
--- a/public/resources/css/module/_symbol.scss
+++ b/public/resources/css/module/_symbol.scss
@@ -51,7 +51,7 @@ $api-symbols: (
   ),
   type-alias: (
     content: 'T',
-    background: $blue-grey-50
+    background: $light-green-600
   )
 );
 
diff --git a/public/resources/js/directives/api-list.js b/public/resources/js/directives/api-list.js
index a813e5ba4a..0684368db2 100644
--- a/public/resources/js/directives/api-list.js
+++ b/public/resources/js/directives/api-list.js
@@ -1,3 +1,14 @@
+/*eslint no-unused-vars: "angularIO" */
+
+
+/*
+* API List & Filter Directive
+*
+* A page displaying all of the angular API methods available
+* including a filter that can hide/show methods bases on filter
+* settings.
+*/
+
 angularIO.directive('apiList', function () {
   var API_FILTER_KEY = 'apiFilter';
   var API_TYPE_KEY = 'apiType';
@@ -31,10 +42,9 @@ angularIO.directive('apiList', function () {
       '</article>',
     controllerAs: '$ctrl',
     controller: function($scope, $attrs, $http, $location) {
+      // SET DEFAULTS
       var $ctrl = this;
-
       $ctrl.showMenu = false;
-
       var isForDart = $attrs.lang === 'dart';
 
       $ctrl.apiTypes = [
@@ -63,11 +73,13 @@ angularIO.directive('apiList', function () {
         $ctrl.showMenu = !$ctrl.showMenu;
       };
 
+      // CLEAR FILTER
       $ctrl.clearType = function () {
         $ctrl.apiType = null;
         $ctrl.showMenu = !$ctrl.showMenu;
       };
 
+      // TOGGLE FILTER MENU
       $ctrl.toggleMenu = function () {
         $ctrl.showMenu = !$ctrl.showMenu;
       };