diff --git a/client/homebrew/editor/snippetbar/snippetbar.less b/client/homebrew/editor/snippetbar/snippetbar.less
index 65b3336fb..0ec08da98 100644
--- a/client/homebrew/editor/snippetbar/snippetbar.less
+++ b/client/homebrew/editor/snippetbar/snippetbar.less
@@ -21,20 +21,16 @@
 			line-height : @menuHeight;
 			text-align  : center;
 			
-			&:not(.editorTool, .divider) {
-				cursor: pointer;
-			}
+			&:not(.editorTool, .divider) { cursor : pointer; }
 
 			&:hover,&.selected { background-color : #999999; }
 
 			&.editorTool {
-				background-color: unset;
+				background-color : unset;
 
 				&.active {
-					cursor:pointer;
-					&:hover {
-						background-color: #999999;
-					}
+					cursor : pointer;
+					&:hover { background-color : #999999; }
 				}
 			}
 			&.text {
@@ -70,17 +66,13 @@
 			}
 			&.history {
 				.tooltipLeft('History');
+				position  : relative;
 				font-size : 0.75em;
 				color     : grey;
-				position  : relative;
-				&.active {
-					color : inherit;
-				}
-				&>.dropdown{
+				&.active { color : inherit; }
+				& > .dropdown {
 					right         : -1px;
-					&>.snippet{
-						padding-right : 10px;
-					}
+					& > .snippet { padding-right : 10px; }
 				}
 			}
 			&.editorTheme {
@@ -157,11 +149,11 @@
 				cursor      : pointer;
 				.animate(background-color);
 				i {
+					min-width    : 25px;
 					height       : 1.2em;
 					margin-right : 8px;
 					font-size    : 1.2em;
-					min-width: 25px;
-					text-align: center;
+					text-align   : center;
 					& ~ i {
 						margin-right : 0;
 						margin-left  : 5px;
diff --git a/shared/naturalcrit/splitPane/splitPane.less b/shared/naturalcrit/splitPane/splitPane.less
index f45bbb681..88e6cb927 100644
--- a/shared/naturalcrit/splitPane/splitPane.less
+++ b/shared/naturalcrit/splitPane/splitPane.less
@@ -1,69 +1,65 @@
 
-.splitPane{
+.splitPane {
 	position       : relative;
 	display        : flex;
+	flex-direction : row;
 	height         : 100%;
 	outline        : none;
-	flex-direction : row;
-	.pane{
+	.pane {
+		flex       : 1;
 		overflow-x : hidden;
 		overflow-y : hidden;
-		flex       : 1;
 	}
-	>.divider{
-		touch-action     : none;
+	>.divider {
 		display          : table;
-		height           : 100%;
 		width            : 15px;
-		cursor           : ew-resize;
-		background-color : #bbb;
+		height           : 100%;
 		text-align       : center;
-		.dots{
+		touch-action     : none;
+		cursor           : ew-resize;
+		background-color : #BBBBBB;
+		.dots {
 			display        : table-cell;
-			vertical-align : middle;
 			text-align     : center;
-			i{
+			vertical-align : middle;
+			i {
 				display   : block !important;
 				margin    : 10px 0px;
 				font-size : 6px;
-				color     : #666;
+				color     : #666666;
 			}
 		}
-		&:hover{
-			background-color: #999;
-		}
+		&:hover { background-color : #999999; }
 	}
-	.arrow{
+	.arrow {
 		position         : absolute;
+		z-index          : 999;
 		width            : 25px;
 		height           : 25px;
-		border           : 2px solid #bbb;
-		border-radius    : 15px;
-		text-align       : center;
 		font-size        : 1.2em;
+		text-align       : center;
 		cursor           : pointer;
-		background-color : #ddd;
-		z-index          : 999;
-		box-shadow      : 0 4px 5px #0000007f;
-		&.left{
+		background-color : #DDDDDD;
+		border           : 2px solid #BBBBBB;
+		border-radius    : 15px;
+		box-shadow       : 0 4px 5px #0000007F;
+		&.left {
 			.tooltipLeft('Jump to location in Editor');
 			top : 30px;
 		}
-		&.right{
+		&.right {
 			.tooltipRight('Jump to location in Preview');
 			top : 60px;
 		}
-		&.lock{
+		&.lock {
 			.tooltipRight('De-sync Editor and Preview locations.');
-			top : 90px;
-			background: #666;
+			top        : 90px;
+			background : #666666;
 		}
-		&.unlock{
+		&.unlock {
 			.tooltipRight('Sync Editor and Preview locations');
 			top : 90px;
 		}
-		&:hover{
-			background-color: #666;
-		}
+		&:hover { background-color : #666666; }
 	}
 }