diff --git a/src/js/rulesAssistantOptions.js b/src/js/rulesAssistantOptions.js
index 63329411ffbedd1573eac8d53bf10f70e2526e43..9799022ae69c31845bcf36314ca3aa5bc62438c6 100644
--- a/src/js/rulesAssistantOptions.js
+++ b/src/js/rulesAssistantOptions.js
@@ -1770,8 +1770,13 @@ window.rulesAssistantOptions = (function() {
 			];
 			super("Collar", items);
 
-			this._nice = new ListSubSection(this, "Nice", isClothingAccessible.array(App.Data.misc.niceCollars));
-			this._harsh = new ListSubSection(this, "Harsh", isClothingAccessible.array(App.Data.misc.harshCollars));
+			const niceCollars = isClothingAccessible.array(App.Data.misc.niceCollars);
+			niceCollars.sort(function(a, b) { if (a[0] < b[0]) { return -1; } if (a[0] > b[0]) { return 1; } return 0; });
+			this._nice = new ListSubSection(this, "Nice", niceCollars);
+
+			const harshCollars = isClothingAccessible.array(App.Data.misc.harshCollars);
+			harshCollars.sort(function(a, b) { if (a[0] < b[0]) { return -1; } if (a[0] > b[0]) { return 1; } return 0; });
+			this._harsh = new ListSubSection(this, "Harsh", harshCollars);
 
 			this.setValue(current_rule.set.collar);
 			this.onchange = (value) => current_rule.set.collar = value;