diff --git a/themes/base/button.css b/themes/base/button.css
index c3ad2752c78..64ef85f44c7 100644
--- a/themes/base/button.css
+++ b/themes/base/button.css
@@ -18,6 +18,10 @@
 	vertical-align: middle;
 	text-align: center;
 	overflow: visible; /* removes extra width in IE */
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
 }
 
 .ui-button,
@@ -27,21 +31,19 @@
 .ui-button:active {
 	text-decoration: none;
 }
+
 /* to make room for the icon, a width needs to be set here */
 .ui-button-icon-only {
-	padding: 0;
-	height: 2.16em;
+	width: 2.2em;
+	box-sizing: border-box;
 	text-indent: -9999px;
 	white-space: nowrap;
 }
+
 .ui-icon {
 	position: absolute;
 	display: block;
 }
-/* button elements seem to need a little more width */
-button.ui-button-icon-only {
-	width: 2.4em;
-}
 
 /* no icon support for input elements, provide padding by default */
 input.ui-button.ui-icon-end,
@@ -73,7 +75,6 @@ input.ui-button.ui-button-icon-only {
 .ui-button.ui-icon-bottom .ui-icon {
 	top: auto;
 	bottom: .05em;
-
 }
 
 .ui-button-icon-only .ui-icon {
diff --git a/themes/base/checkboxradio.css b/themes/base/checkboxradio.css
index 7e90394df5d..c522e2d22f3 100644
--- a/themes/base/checkboxradio.css
+++ b/themes/base/checkboxradio.css
@@ -22,7 +22,7 @@
 	border-radius: 1em;
 	overflow: visible;
 	border: none;
-	background-color: rgb( 0, 0, 0 );
+	background-color: rgb( 192, 192, 192 );
 	background-color: rgba( 0, 0, 0, .3 );
 	opacity: .3;
 }