diff --git a/.changeset/fix-dropdown-arrow-border.md b/.changeset/fix-dropdown-arrow-border.md
new file mode 100644
index 000000000..5bc2a0c31
--- /dev/null
+++ b/.changeset/fix-dropdown-arrow-border.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed the `.dropdown-menu-arrow` border color and replaced the deprecated `clip` with `clip-path`.
diff --git a/core/scss/ui/_dropdowns.scss b/core/scss/ui/_dropdowns.scss
index 698c24e42..073eae57f 100644
--- a/core/scss/ui/_dropdowns.scss
+++ b/core/scss/ui/_dropdowns.scss
@@ -86,11 +86,12 @@
     display: block;
     width: 14px;
     height: 14px;
-    clip: rect(0, 9px, 9px, 0);
+    clip-path: inset(0 5px 5px 0);
     content: '';
     background: inherit;
-    border: 1px solid;
-    border-color: inherit;
+    // The menu draws its edge with the 1px ring in --dropdown-box-shadow and has
+    // no border, so `inherit` would give the arrow the text color.
+    border: 1px solid var(--dropdown-border-color);
 
     /* rtl:ignore */
     transform: rotate(45deg);