diff --git a/src/ui/src/builder/sidebar/BuilderSidebarComponentTreeBranch.vue b/src/ui/src/builder/sidebar/BuilderSidebarComponentTreeBranch.vue
index ab6e17f7..a2c27173 100644
--- a/src/ui/src/builder/sidebar/BuilderSidebarComponentTreeBranch.vue
+++ b/src/ui/src/builder/sidebar/BuilderSidebarComponentTreeBranch.vue
@@ -79,7 +79,6 @@ const {
 const { getComponentInfoFromDrag, removeInsertionCandidacy, isParentSuitable } =
 	useDragDropComponent(wf);
 const { isComponentVisible } = useEvaluator(wf);
-const rootEl = ref<HTMLElement>(null);
 const emit = defineEmits(["expandBranch"]);
 
 const matched = computed(() => {
@@ -147,16 +146,17 @@ async function select(ev: MouseEvent | KeyboardEvent) {
 }
 
 function expand() {
+	if (!treeBranch.value) return;
 	treeBranch.value.expand();
 	collapsed.value = false;
 	emit("expandBranch");
 }
 
 function scrollToShow() {
-	if (!rootEl.value) return;
-	const treeEl = rootEl.value.closest(".BuilderSidebarComponentTree");
+	if (!treeBranch.value) return;
+	const treeEl = treeBranch.value.$el.closest(".BuilderSidebarComponentTree");
 	const treeBCR = treeEl.getBoundingClientRect();
-	const scrollTop = rootEl.value.offsetTop - treeBCR.height / 2;
+	const scrollTop = treeBranch.value.$el.offsetTop - treeBCR.height / 2;
 	treeEl.scrollTo({ top: scrollTop, left: 0, behavior: "smooth" });
 }