1 files changed, 4 insertions, 4 deletions
diff --git a/webAO/viewport/utils/handleICSpeaking.ts b/webAO/viewport/utils/handleICSpeaking.ts
index 84946d2..7913554 100644
--- a/webAO/viewport/utils/handleICSpeaking.ts
+++ b/webAO/viewport/utils/handleICSpeaking.ts
@@ -317,7 +317,7 @@ export const handle_ic_speaking = async (playerChatMsg: ChatMsg) => {
     } else if (effectName.endsWith("strong")) {
       intensity = 400;
     }
-    if (intensity < fg.childElementCount) fg.innerHTML = "";
+    if (intensity < fg.childElementCount) fg.replaceChildren();
     else intensity = intensity - fg.childElementCount;
 
     for (let i = 0; i < intensity; i++) {
@@ -331,11 +331,11 @@ export const handle_ic_speaking = async (playerChatMsg: ChatMsg) => {
     !badEffects.includes(effectName)
   ) {
     (<HTMLLinkElement>document.getElementById("effect_css")).href = "";
-    fg.innerHTML = "";
+    fg.replaceChildren();
     const baseEffectUrl = `${AO_HOST}themes/default/effects/`;
     fg.src = `${baseEffectUrl}${encodeURI(effectName)}.webp`;
   } else {
-    fg.innerHTML = "";
+    fg.replaceChildren();
     fg.src = transparentPng;
   }
 
@@ -353,7 +353,7 @@ export const handle_ic_speaking = async (playerChatMsg: ChatMsg) => {
     const output: HTMLSpanElement[] = [];
     for (const letter of client.viewport.getChatmsg().content) {
       const currentSelector = document.createElement("span");
-      currentSelector.innerHTML = letter;
+      currentSelector.textContent = letter;
       currentSelector.className = `text_${COLORS[client.viewport.getChatmsg().color]}`;
       output.push(currentSelector);
     }