diff --git a/tools/devtools/src/devtools_app/store/store.js b/tools/devtools/src/devtools_app/store/store.js
index 8837771f..b749d137 100644
--- a/tools/devtools/src/devtools_app/store/store.js
+++ b/tools/devtools/src/devtools_app/store/store.js
@@ -147,6 +147,7 @@ export const store = reactive({
     }
     component.selected = true;
     highlightChildren(component);
+    this.highlightComponent(path);
     const details = await evalFunctionInWindow(
       "getComponentDetails",
       [component.path],
@@ -334,7 +335,6 @@ export const store = reactive({
   setSearchIndex(index) {
     this.componentSearch.searchIndex = index;
     this.selectComponent(this.componentSearch.searchResults[index]);
-    this.highlightComponent(this.componentSearch.searchResults[index]);
   },
 
   // Replace the (...) content of a getter with the value returned by the corresponding get method