diff --git a/app/helpers/do-if.js b/app/helpers/do-if.js
deleted file mode 100644
index f89182c5a5..0000000000
--- a/app/helpers/do-if.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { helper } from '@ember/component/helper';
-
-export default helper(function(params) {
-  return params[0] ? params[1] : function() {};
-});
diff --git a/app/templates/components/deprecation-item.hbs b/app/templates/components/deprecation-item.hbs
index 4cff19cce1..b86cac4097 100644
--- a/app/templates/components/deprecation-item.hbs
+++ b/app/templates/components/deprecation-item.hbs
@@ -3,11 +3,10 @@
     <div class="flex items-center">
       <div
         class="flex items-center flex-grow py-2"
-        {{on "click" disclosure.toggle}}
       >
         {{#if @model.hasSourceMap}}
           <div class="flex-shrink-0 w-3">
-            <Ui::DisclosureTriangle @expanded={{disclosure.isExpanded}} />
+            <disclosure.triangleIcon />
           </div>
         {{/if}}
 
diff --git a/app/templates/components/render-item.hbs b/app/templates/components/render-item.hbs
index 8f338d3774..7e0fc4f0f2 100644
--- a/app/templates/components/render-item.hbs
+++ b/app/templates/components/render-item.hbs
@@ -9,7 +9,7 @@
       style=this.nameStyle
     }}
       {{#if this.hasChildren}}
-        <Ui::DisclosureTriangle @expanded={{disclosure.isExpanded}} />
+        <disclosure.triangleIcon />
       {{/if}}
 
       <span title={{@model.name}}>
diff --git a/lib/ui/app/templates/components/ui/disclosure-triangle.hbs b/lib/ui/app/templates/components/ui/disclosure-triangle.hbs
index 425a326e7e..145f72417e 100644
--- a/lib/ui/app/templates/components/ui/disclosure-triangle.hbs
+++ b/lib/ui/app/templates/components/ui/disclosure-triangle.hbs
@@ -1,7 +1,16 @@
-<button
-  class="disclosure-triangle {{if @expanded "expanded" "collapsed"}}"
-  {{on "click" (do-if @toggle @toggle)}}
-  ...attributes
->
-  {{svg-jar "disclosure-triangle" width="9px" height="9px"}}
-</button>
+{{#if @toggle}}
+  <button
+    class="disclosure-triangle {{if @expanded "expanded" "collapsed"}}"
+    {{on "click" @toggle}}
+    ...attributes
+  >
+    {{svg-jar "disclosure-triangle" width="9px" height="9px"}}
+  </button>
+{{else}}
+  <span
+    class="disclosure-triangle {{if @expanded "expanded" "collapsed"}}"
+    ...attributes
+  >
+    {{svg-jar "disclosure-triangle" width="9px" height="9px"}}
+  </span>
+{{/if}}
\ No newline at end of file
diff --git a/lib/ui/app/templates/components/ui/disclosure.hbs b/lib/ui/app/templates/components/ui/disclosure.hbs
index d01977422f..5670cc5f2a 100644
--- a/lib/ui/app/templates/components/ui/disclosure.hbs
+++ b/lib/ui/app/templates/components/ui/disclosure.hbs
@@ -1,4 +1,6 @@
 {{yield (hash
   isExpanded=this.isExpanded
   toggle=this.toggle
+  triangleIcon=(component "ui/disclosure-triangle" expanded=this.isExpanded)
+  triangleButton=(component "ui/disclosure-triangle" expanded=this.isExpanded toggle=this.toggle)
 )}}