diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
index 7a710616..3d3548a4 100644
--- a/docs/assets/css/style.css
+++ b/docs/assets/css/style.css
@@ -354,13 +354,13 @@ header {
   cursor: pointer;
 }
 
-#colorInput {
+input[type='color'] {
   width: 1.25em;
   height: 1.25em;
   padding: 0;
 }
 
-#colorInput:hover {
+input[type='color']:hover {
   cursor: pointer;
 }
 
diff --git a/docs/assets/js/script.js b/docs/assets/js/script.js
index 9992eac7..debf0452 100644
--- a/docs/assets/js/script.js
+++ b/docs/assets/js/script.js
@@ -1,5 +1,5 @@
 var devicon = angular.module('devicon', ['ngSanitize', 'ngAnimate']);
-const DEFAULT_BACKGROUND = "#60be86";
+// const DEFAULT_BACKGROUND = "#60be86";
 
 /*
 ||==============================================================
@@ -41,8 +41,9 @@ devicon.controller('IconListCtrl', function($scope, $http, $compile) {
 
     // background color related stuff
     // default is the default site background color
-    $scope.fontBackground = DEFAULT_BACKGROUND;
-    $scope.svgBackground = DEFAULT_BACKGROUND;
+    $scope.DEFAULT_BACKGROUND = "#60be86";
+    $scope.fontBackground = $scope.DEFAULT_BACKGROUND;
+    $scope.svgBackground = $scope.DEFAULT_BACKGROUND;
 
     // Loop through devicon.json
     angular.forEach(data, function(devicon, key) {
@@ -106,8 +107,8 @@ devicon.controller('IconListCtrl', function($scope, $http, $compile) {
     $scope.selectedSvgIndex = 0;
 
     // reset color
-    $scope.fontBackground = DEFAULT_BACKGROUND;
-    $scope.svgBackground = DEFAULT_BACKGROUND;
+    $scope.fontBackground = $scope.DEFAULT_BACKGROUND;
+    $scope.svgBackground = $scope.DEFAULT_BACKGROUND;
   }
   /*---- End of "Change selected icon" ----*/
 
diff --git a/docs/index.html b/docs/index.html
index f819bea4..e7e40f36 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -66,16 +66,16 @@
             <span>
               <img src="./assets/img/color_wheel.png" class='colorPicker' ng-click="toggleColorPickerMenu('fontColorPickerMenu')">
               <span class='colorPickerMenu' id='fontColorPickerMenu'>
-                <div class='colorPickerMenuCloseBtn' ng-click="toggleColorPickerMenu('fontColorPickerMenu')"><span>X</span></div>
+                <div class='colorPickerMenuCloseBtn'><span ng-click="toggleColorPickerMenu('fontColorPickerMenu')">X</span></div>
                 <div>
-                  <input type='color' value='#60be86' ng-model="fontBackground" id='colorInput'>
+                  <input type='color' value='#60be86' ng-model="fontBackground">
                   Background Color 
                 </div>
                 <div>
                   <input type='checkbox' id='checkboardInput' class='checkerboardInput'>
                   <label for='checkboardInput' >Checkerboard</label>
                 </div>
-                <button class='colorPickerResetBtn'>Reset</button>
+                <button class='colorPickerResetBtn' ng-click="fontBackground = DEFAULT_BACKGROUND">Reset</button>
               </span>
             </span>
           </h4>