diff --git a/UI/Base/ToSvelte.svelte b/UI/Base/ToSvelte.svelte
index f2eea25af2..69dfe51f86 100644
--- a/UI/Base/ToSvelte.svelte
+++ b/UI/Base/ToSvelte.svelte
@@ -1,17 +1,18 @@
 <script lang="ts">
-  import BaseUIElement from "../BaseUIElement.js";
-  import { onMount } from "svelte";
+  import BaseUIElement from "../BaseUIElement.js"
+  import { onMount } from "svelte"
+
+  export let construct: BaseUIElement | (() => BaseUIElement)
+  let elem: HTMLElement
 
-  export let construct: BaseUIElement | (() => BaseUIElement);
-  let elem: HTMLElement;
   onMount(() => {
-    let html: HTMLElement
-    if (typeof construct === "function") {
-      html = construct().ConstructElement();
-    } else {
-      html = construct.ConstructElement();
-    }
+    let html =
+      typeof construct === "function"
+        ? construct().ConstructElement()
+        : construct.ConstructElement()
+
     elem.replaceWith(html)
-  });
+  })
 </script>
-<span bind:this={elem}></span>
+
+<span bind:this={elem} />