diff --git a/static/css/app.css b/static/css/app.css
index fbd1f5d..c21ebd4 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -196,18 +196,11 @@ select.input-xlarge {
   font-size: 12px;
 }
 
-/* 
-  Styling for disabled drop-drop menu item
-  Adapted from: http://stackoverflow.com/questions/9682082
-*/
-a.disabled-dropdown-item {
-    color:#aaa !important;
-    background-color: white !important;
-    background-image: none !important;
-    pointer-events: none;
-    cursor: default;
-}
-
-a.disabled-dropdown-item > i {
+/* Patch bootstrap's dropdown disabled style to grey out icons */
+li.disabled {
+  pointer-events: none;
+}
+
+li.disabled i {
   opacity: 0.4;
 }
\ No newline at end of file
diff --git a/static/js/views.js b/static/js/views.js
index be5e15f..9727bc4 100644
--- a/static/js/views.js
+++ b/static/js/views.js
@@ -970,7 +970,7 @@ AppView = Backbone.View.extend({
     _.defer(function () {
       $(".btn, input[type='checkbox']").not('.details-show').prop('disabled', true);
     });
-    $("#force-refresh, #nickname, #logout").addClass('disabled-dropdown-item');
+    $("#force-refresh, #nickname, #logout").parent().addClass('disabled');
   },
 
   enableControls: function () {
@@ -979,7 +979,7 @@ AppView = Backbone.View.extend({
     _.defer(function () {
       $(".btn, input[type='checkbox']").not('.details-show').prop('disabled', false);
     });
-    $("#force-refresh, #nickname, #logout").removeClass('disabled-dropdown-item');
+    $("#force-refresh, #nickname, #logout").parent().removeClass('disabled');
   },
 
   refresh: function () {