diff --git a/css/_canvas.scss b/css/_canvas.scss
index fbba685..40633fb 100644
--- a/css/_canvas.scss
+++ b/css/_canvas.scss
@@ -70,7 +70,7 @@
 
 #brush-preview {
 	position: absolute;
-	border: solid 2px #fff;
+	border: solid 1px #fff;
 	z-index: 1200;
 	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 2px 0 rgba(0, 0, 0, 0.5);
 	pointer-events: none;
diff --git a/js/_mouseEvents.js b/js/_mouseEvents.js
index ef978b4..33e6d66 100644
--- a/js/_mouseEvents.js
+++ b/js/_mouseEvents.js
@@ -243,8 +243,8 @@ function draw (mouseEvent) {
 			var selectedColor = currentLayer.context.getImageData(Math.floor(cursorLocation[0]/zoom),Math.floor(cursorLocation[1]/zoom),1,1).data;
 			var colorLightness = Math.max(selectedColor[0],selectedColor[1],selectedColor[2])
 
-			//for the darkest 50% of colors, change the brush preview to dark mode
-			if (colorLightness>127) brushPreview.classList.remove('dark');
+			//for the darkest 75% of colors, change the brush preview to dark mode
+			if (colorLightness>64) brushPreview.classList.remove('dark');
 			else brushPreview.classList.add('dark');
 
 			currentLayer.updateLayerPreview();