diff --git a/.changeset/fix-apexcharts-tooltip-arrow-safari.md b/.changeset/fix-apexcharts-tooltip-arrow-safari.md
new file mode 100644
index 000000000..f533ce320
--- /dev/null
+++ b/.changeset/fix-apexcharts-tooltip-arrow-safari.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed the ApexCharts tooltip arrow staying white in Safari by painting `.apexcharts-tooltip-arrow` directly.
diff --git a/core/scss/vendor/_apexcharts.scss b/core/scss/vendor/_apexcharts.scss
index 0671b0da8..b9d99acd0 100644
--- a/core/scss/vendor/_apexcharts.scss
+++ b/core/scss/vendor/_apexcharts.scss
@@ -45,6 +45,15 @@
   box-shadow: none !important;
 }
 
+// Paint the arrow directly as well: it reads its colour through two levels of
+// custom properties (--apx-tt-arrow-bg → --apx-tt-bg), and some browsers drop a
+// light-dark() value on the way, leaving a transparent arrow with a border in
+// the text colour — a white arrow on the dark tooltip.
+.apexcharts-tooltip-arrow {
+  background: $tooltip-bg !important;
+  border-color: $tooltip-bg !important;
+}
+
 .apexcharts-tooltip-title {
   padding: 0.25rem 0.5rem !important;
   margin: 0 !important;