diff --git a/app/stylus/components/ToolArea.styl b/app/stylus/components/ToolArea.styl
index ce2ea05..030df6a 100644
--- a/app/stylus/components/ToolArea.styl
+++ b/app/stylus/components/ToolArea.styl
@@ -11,6 +11,12 @@
 	&.open {
 		display: block;
 	}
+
+	+desktop() {
+		&.open {
+			display: none;
+		}
+	}
 }
 
 [data-component='ToolAreaButton'] {
@@ -41,10 +47,6 @@
 			width: 60%;
 		}
 	}
-	
-	.toolarea-shade.open {
-		display: none;
-	}
 }
 
 @media (min-width: 900px) {
@@ -157,17 +159,13 @@
 	top: 0;
 	right: 0;
 	height: 100%;
-	background: rgba(0, 0, 0, 0.25);
+	background: rgba(50, 50, 50, 0.9);
 	transition: width 0.3s;
 	z-index: 1010;
 	display: flex;
 	flex-direction: column;
 	border-left: 1px solid #222;
 
-	+desktop() {
-		background: rgba(50, 50, 50, 0.9);
-	}
-
 	> .tab-headers {
 		display: flex;
 		background: rgba(0, 0, 0, 0.1);