diff --git a/src/interaction/siWardrobe.js b/src/interaction/siWardrobe.js
index 258d574afbdc1c0918c59e828b7f18ec5bcfc382..2034473b005b87d449c5b33a23ce31f83b9d3a1b 100644
--- a/src/interaction/siWardrobe.js
+++ b/src/interaction/siWardrobe.js
@@ -82,27 +82,18 @@ App.UI.SlaveInteract.wardrobe = function(slave) {
 			harshOptionsArray = harshOptionsArray.sort((a, b) => (a.text > b.text) ? 1 : -1);
 
 			// Nice options
-			links = document.createElement('div');
-			links.className = "choices";
-			links.append(`Nice: `);
+			links = App.UI.DOM.appendNewElement("div", el, "Nice: ", "choices");
 			links.appendChild(generateRows(niceOptionsArray, "clothes", true));
-			el.appendChild(links);
 
 			// Harsh options
-			links = document.createElement('div');
-			links.className = "choices";
-			links.append(`Harsh: `);
+			links = App.UI.DOM.appendNewElement("div", el, "Harsh: ", "choices");
 			links.appendChild(generateRows(harshOptionsArray, "clothes", true));
-			el.appendChild(links);
 		}
 		if (slave.fuckdoll !== 0 || slave.clothes === "restrictive latex" || slave.clothes === "a latex catsuit" || slave.clothes === "a cybersuit" || slave.clothes === "a comfortable bodysuit") {
 			if (V.seeImages === 1 && V.imageChoice === 1) {
 				// Color options
-				links = document.createElement('div');
-				links.className = "choices";
-				links.append(`Color: `);
+				links = App.UI.DOM.appendNewElement("div", el, "Color: ", "choices");
 				links.appendChild(colorOptions("clothingBaseColor"));
-				el.appendChild(links);
 			}
 		}
 
@@ -981,7 +972,6 @@ App.UI.SlaveInteract.wardrobe = function(slave) {
 	 * @property {string} [text] - link text
 	 * @property {object} [updateSlave] - properties to be merged onto the slave
 	 * @property {object} [update] - properties to be merged into global state
-	 * @property {string} [disabled] - text indicating why the option is unavailable
 	 * @property {string} [note]
 	 * @property {string} [slutty]
 	 * @property {string} [humiliating]
@@ -991,7 +981,7 @@ App.UI.SlaveInteract.wardrobe = function(slave) {
 	 * @param {RowItem[]} array
 	 * @param {string} [category] - should be in the form of slave.category, the thing we want to update.
 	 * @param {boolean} [accessCheck=false]
-	 * @returns {HTMLSpanElement}
+	 * @returns {HTMLUListElement}
 	 */
 	function generateRows(array, category, accessCheck = false) {
 		const linkArray = [];
@@ -1001,10 +991,7 @@ App.UI.SlaveInteract.wardrobe = function(slave) {
 			const itemName = (category === "chastity") ? item.text.toLowerCase() : item.updateSlave[category]; // Yucky. Category name does not match for chastity (since it sets multiple kinds of chastity at once). Compare using a lowercase name instead.
 			const unlocked = (accessCheck === true) ? isItemAccessible.entry(itemName, category, slave) : false;
 			if (accessCheck === false || unlocked) {
-			// is it just text?
-				if (item.disabled) {
-					link = App.UI.DOM.disabledLink(item.text, [item.disabled]);
-				} else if (typeof unlocked === 'string') {
+				if (typeof unlocked === 'string') { // is it just text?
 					link = App.UI.DOM.disabledLink(item.text, [unlocked]);
 				} else {
 					link = document.createElement('span');