diff --git a/resources/celerity/map.php b/resources/celerity/map.php
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -151,7 +151,7 @@
     'rsrc/css/phui/phui-head-thing.css' => 'fd311e5f',
     'rsrc/css/phui/phui-header-view.css' => '92935c02',
     'rsrc/css/phui/phui-hovercard.css' => 'e904f5dc',
-    'rsrc/css/phui/phui-icon-set-selector.css' => '1ab67aad',
+    'rsrc/css/phui/phui-icon-set-selector.css' => '87db8fee',
     'rsrc/css/phui/phui-icon.css' => '09f46dd9',
     'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c',
     'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
@@ -864,7 +864,7 @@
     'phui-header-view-css' => '92935c02',
     'phui-hovercard' => '1bd28176',
     'phui-hovercard-view-css' => 'e904f5dc',
-    'phui-icon-set-selector-css' => '1ab67aad',
+    'phui-icon-set-selector-css' => '87db8fee',
     'phui-icon-view-css' => '09f46dd9',
     'phui-image-mask-css' => 'a8498f9c',
     'phui-info-panel-css' => '27ea50a1',
diff --git a/webroot/rsrc/css/phui/phui-icon-set-selector.css b/webroot/rsrc/css/phui/phui-icon-set-selector.css
--- a/webroot/rsrc/css/phui/phui-icon-set-selector.css
+++ b/webroot/rsrc/css/phui/phui-icon-set-selector.css
@@ -3,8 +3,10 @@
  */
 
 button.icon-button {
-  background: #f7f7f7;
-  border: 1px solid {$lightblueborder};
+  background-color: #F7F7F9;
+  background-image: linear-gradient(to bottom, #ffffff, #f1f0f1);
+  border: 1px solid rgba({$alphablue},.2);
+  color: {$darkgreytext};
   position: relative;
   width: 16px;
   height: 16px;
@@ -15,6 +17,14 @@
   box-sizing: content-box;
 }
 
+button.icon-button:hover {
+  border: 1px solid rgba({$alphablue},.5);
+}
+
+button.icon-button .phui-icon-view {
+  color: {$darkbluetext};
+}
+
 .icon-grid {
   text-align: center;
 }
@@ -24,6 +34,9 @@
 }
 
 button.icon-button.selected {
-  background: {$bluebackground};
-  border: 1px solid {$blueborder};
+  border: 1px solid {$sky};
+}
+
+button.icon-button.selected .phui-icon-view {
+  color: {$sky};
 }