diff --git a/packages/ui/src/components/Button.svelte b/packages/ui/src/components/Button.svelte
index b63f76c268..60c11a871d 100644
--- a/packages/ui/src/components/Button.svelte
+++ b/packages/ui/src/components/Button.svelte
@@ -114,9 +114,9 @@
     padding: 0 1.25rem;
     font-weight: 500;
     border-radius: .5rem;
-    color: var(--trans-button-color);
+    color: var(--theme-caption-color);
     background-color: var(--trans-button-bg);
-    border-color: var(--trans-button-border);
+    border-color: var(--theme-bg-accent-color);
 
     &:hover {
       background-color: var(--trans-button-bg-hovered);