diff --git a/.changeset/breezy-elephants-grab.md b/.changeset/breezy-elephants-grab.md
new file mode 100644
index 000000000..bfc781943
--- /dev/null
+++ b/.changeset/breezy-elephants-grab.md
@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Highlight): Fix Svelte 3/4 compat
diff --git a/packages/layerchart/src/lib/components/Highlight.svelte b/packages/layerchart/src/lib/components/Highlight.svelte
index a71fe02b1..299c37940 100644
--- a/packages/layerchart/src/lib/components/Highlight.svelte
+++ b/packages/layerchart/src/lib/components/Highlight.svelte
@@ -18,6 +18,7 @@
 
   import { isScaleBand } from '$lib/utils/scales.js';
   import { accessor, type Accessor } from '$lib/utils/common.js';
+  import { asAny } from '$lib/utils/types.js';
 
   const {
     data: contextData,
@@ -424,14 +425,14 @@
           onpointerenter={onpointenter &&
             ((e) => {
               if (onpointclick) {
-                (e.target as HTMLElement | SVGElement).style.cursor = 'pointer';
+                asAny(e.target).style.cursor = 'pointer';
               }
               onpointenter(e, { point, data: highlightData });
             })}
           onpointerleave={onpointleave &&
             ((e) => {
               if (onpointclick) {
-                (e.target as HTMLElement | SVGElement).style.cursor = 'default';
+                asAny(e.target).style.cursor = 'default';
               }
               onpointleave(e, { point, data: highlightData });
             })}