diff --git a/css/styles.css b/css/styles.css
index af646ac..b28848c 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -89,7 +89,8 @@
 }
 
 #cb-toolbar button.cb-color:hover,
-#cb-toolbar button.cb-color:active {
+#cb-toolbar button.cb-color:active,
+#cb-toolbar button.cb-color.active {
 	background-image: url(../img/iconic/green/cog_alt_32x32.png);
 }
 
diff --git a/lib/ComicBook.js b/lib/ComicBook.js
index 36788e1..5368c43 100755
--- a/lib/ComicBook.js
+++ b/lib/ComicBook.js
@@ -177,7 +177,7 @@ function ComicBook(id, srcs, opts) {
 			)
 			.append(
 				$(document.createElement("button"))
-					.addClass("cb-color")
+					.addClass("cb-color cb-menu-button")
 					.click(function(){
 						ComicBook.prototype.toggleControl("color");
 					})
@@ -212,7 +212,7 @@ function ComicBook(id, srcs, opts) {
 		 */
 		color: $(document.createElement("div"))
 			.attr("id", "cb-color")
-			.addClass("cb-control cb-floating")
+			.addClass("cb-control")
 			.append("<label for='cb-sharpen'>Brightness</label>")
 			.append(
 				$("<div id='cb-brightness' class='cb-option'></div>").slider({
@@ -284,7 +284,11 @@ function ComicBook(id, srcs, opts) {
 			.after(this.getControl("navigation").left)
 			.after(this.getControl("navigation").right)
 			.after(this.getControl("color").hide());
-
+		
+		$(".cb-menu-button").click(function(e) {
+			$(this).toggleClass("active");
+		});
+		
 		$("#cb-desaturate").click(function(){
 			if ($(this).is(":checked")) {
 				ComicBook.prototype.enhance.desaturate();