diff --git a/package-lock.json b/package-lock.json
index 85ee1df0fc..e85857017e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "clean-css": "^5.3.3",
         "html-minifier-terser": "^7.2.0",
         "inliner": "^1.13.1",
-        "nodemon": "^3.0.2"
+        "nodemon": "^3.1.7"
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
diff --git a/wled00/data/index.css b/wled00/data/index.css
index 6f465e4072..2ae17ffe51 100644
--- a/wled00/data/index.css
+++ b/wled00/data/index.css
@@ -97,6 +97,7 @@ button {
 .labels {
 	margin: 0;
 	padding: 8px 0 2px 0;
+	font-size: 19px;
 }
 
 #namelabel {
@@ -890,12 +891,12 @@ a.btn {
 	line-height: 28px;
 }
 
-/* Quick color select Black button (has white border) */
-.qcsb {
+/* Quick color select Black and White button (has white/black border, depending on the theme) */
+.qcsb, .qcsw {
 	width: 26px;
 	height: 26px;
 	line-height: 26px;
-	border: 1px solid #fff;
+	border: 1px solid var(--c-f);
 }
 
 /* Hex color input wrapper div */
@@ -1299,6 +1300,14 @@ TD .checkmark, TD .radiomark {
 	width: 100%;
 }
 
+#segutil {
+	margin-bottom: 12px;
+}
+
+#segcont > div:first-child, #fxFind  {
+	margin-top: 4px;
+}
+
 /* Simplify segments */
 .simplified #segcont .lstI {
 	margin-top: 4px;
@@ -1433,6 +1442,11 @@ dialog {
 	position: relative;
 }
 
+.presin {
+	width: 100%; 
+	box-sizing: border-box;
+}
+
 .btn-s,
 .btn-n {
 	border: 1px solid var(--c-2);
diff --git a/wled00/data/index.htm b/wled00/data/index.htm
index e74ea00764..8adec791fc 100644
--- a/wled00/data/index.htm
+++ b/wled00/data/index.htm
@@ -106,7 +106,7 @@
 			<div class="qcs" onclick="pC('#ffa000');" style="background-color:#ffa000;"></div>
 			<div class="qcs" onclick="pC('#ffc800');" style="background-color:#ffc800;"></div>
 			<div class="qcs" onclick="pC('#ffe0a0');" style="background-color:#ffe0a0;"></div>
-			<div class="qcs" onclick="pC('#ffffff');" style="background-color:#ffffff;"></div>
+			<div class="qcs qcsw" onclick="pC('#ffffff');" style="background-color:#ffffff;"></div>
 			<div class="qcs qcsb" onclick="pC('#000000');" style="background-color:#000000;"></div><br>
 			<div class="qcs" onclick="pC('#ff00ff');" style="background-color:#ff00ff;"></div>
 			<div class="qcs" onclick="pC('#0000ff');" style="background-color:#0000ff;"></div>
diff --git a/wled00/data/settings_2D.htm b/wled00/data/settings_2D.htm
index a70ca76bea..e372b3e21f 100644
--- a/wled00/data/settings_2D.htm
+++ b/wled00/data/settings_2D.htm
@@ -54,8 +54,8 @@
 </select><br>
 Serpentine: <input type="checkbox" name="P${i}S" oninput="UI()"><br>
 Dimensions (WxH): <input name="P${i}W" type="number" min="1" max="255" value="${pw}" oninput="UI()"> x <input name="P${i}H" type="number" min="1" max="255" value="${ph}" oninput="UI()"><br>
-Offset X:<input name="P${i}X" type="number" min="0" max="255" value="0" oninput="UI()">
-Y:<input name="P${i}Y" type="number" min="0" max="255" value="0" oninput="UI()"><br><i>(offset from top-left corner in # LEDs)</i>
+Offset X: <input name="P${i}X" type="number" min="0" max="255" value="0" oninput="UI()">
+Y: <input name="P${i}Y" type="number" min="0" max="255" value="0" oninput="UI()"><br><i>(offset from top-left corner in # LEDs)</i>
 </div>`;
 		p.insertAdjacentHTML("beforeend", b);
 	}
diff --git a/wled00/data/style.css b/wled00/data/style.css
index b6cb0f9e61..42e49d304d 100644
--- a/wled00/data/style.css
+++ b/wled00/data/style.css
@@ -44,6 +44,9 @@ button.sml {
   min-width: 40px;
   margin: 0 0 0 10px;
 }
+span:before, b:before, b:after, i:after{
+	content: "\00A0";
+}
 #scan {
   margin-top: -10px;
 }