diff --git a/.changeset/unlucky-teachers-joke.md b/.changeset/unlucky-teachers-joke.md
new file mode 100644
index 0000000000..a845151cc8
--- /dev/null
+++ b/.changeset/unlucky-teachers-joke.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/clerk-js/sandbox/app.js b/packages/clerk-js/sandbox/app.js
index 4d0afd0c79..6f7debdec9 100644
--- a/packages/clerk-js/sandbox/app.js
+++ b/packages/clerk-js/sandbox/app.js
@@ -163,8 +163,8 @@ function addCurrentRouteIndicator(currentRoute) {
if (!link) {
return;
}
- link.classList.remove('text-gray-400', 'hover:bg-[#1D1D21]', 'hover:text-white');
- link.classList.add('bg-[#1D1D21]', 'text-white');
+ link.removeAttribute('aria-current');
+ link.setAttribute('aria-current', 'page');
}
(async () => {
diff --git a/packages/clerk-js/sandbox/template.html b/packages/clerk-js/sandbox/template.html
index cf497080da..3d1c1eea4c 100644
--- a/packages/clerk-js/sandbox/template.html
+++ b/packages/clerk-js/sandbox/template.html
@@ -1,5 +1,5 @@
-
+
clerk-js Sandbox
@@ -126,77 +126,124 @@
};
-
-