diff --git a/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.css b/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.css
index fabb8511f8b6..4798de96f706 100644
--- a/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.css
+++ b/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.css
@@ -54,6 +54,10 @@
   transition: transform 0.2s ease;
 }
 
+.expand-icon.hidden {
+  visibility: hidden;
+}
+
 [ngTreeItem][aria-expanded='true'] .expand-icon {
   transform: rotate(90deg);
 }
diff --git a/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.html b/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.html
index 9710d95df31e..e6ea86c9cf54 100644
--- a/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.html
+++ b/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.html
@@ -16,9 +16,13 @@
       [(expanded)]="node.expanded"
       #treeItem="ngTreeItem"
     >
-      <span aria-hidden="true" class="material-symbols-outlined expand-icon" translate="no">{{
-        node.children ? 'chevron_right' : ''
-      }}</span>
+      <span
+        aria-hidden="true"
+        class="material-symbols-outlined expand-icon"
+        [class.hidden]="!node.children"
+        translate="no"
+        >chevron_right</span
+      >
       <span aria-hidden="true" class="material-symbols-outlined" translate="no">{{
         node.children ? 'folder' : 'docs'
       }}</span>