diff --git a/web_src/js/modules/errors.ts b/web_src/js/modules/errors.ts
index 185f2e53a3..1f1a218b8c 100644
--- a/web_src/js/modules/errors.ts
+++ b/web_src/js/modules/errors.ts
@@ -24,7 +24,7 @@ export function showGlobalErrorMessage(msg: string, msgType: Intent = 'error', d
   if (!msgContainer) {
     const el = document.createElement('div');
     el.innerHTML = html`<div class="ui container js-global-error tw-my-[--page-spacing]"><details class="ui ${msgType} message"><summary></summary></details></div>`;
-    msgContainer = el.firstChild as HTMLDivElement;
+    msgContainer = el.firstElementChild as HTMLDivElement;
   }
 
   // merge duplicated messages into "the message (count)" format