diff --git a/css/rulesAssistant/conditionEditor.css b/css/rulesAssistant/conditionEditor.css
index a84be73f23a161bb6857d698520f36decc11be97..76ad651b5908666b5fca62f7a922c6a2f89b4d93 100644
--- a/css/rulesAssistant/conditionEditor.css
+++ b/css/rulesAssistant/conditionEditor.css
@@ -123,6 +123,12 @@
     margin: 4px;
     color: black;
 }
+.rule-trash:first-child {
+    display: inline-block;
+    padding: 8px;
+    width: 1.9em;
+    height: 1.9em;
+}
 
 .rule-trash::before {
     font-family: "tme-fa-icons";
diff --git a/js/rulesAssistant/conditionEditorTree.js b/js/rulesAssistant/conditionEditorTree.js
index 87b8831b4c84ac0ce7038e4de05b276dee6b1f02..9f661a5bcb4582eef8e00175233ccd07c194b69d 100644
--- a/js/rulesAssistant/conditionEditorTree.js
+++ b/js/rulesAssistant/conditionEditorTree.js
@@ -90,6 +90,7 @@ App.RA.Activation.TreeEditor = (function() {
 		App.UI.DOM.appendNewElement("h3", container, "Part Browser");
 		const div = document.createElement("div");
 		div.classList.add("rule-part-browser");
+		div.append(new RulePartTrash().render());
 		div.append(new RulePartProvider(() => new RuleGroup("and")).render());
 		div.append(new RulePartProvider(() => new RuleGroup("add")).render());
 		div.append(new RulePartProvider(() => new RuleNegate()).render());