diff --git a/web/components/button.css b/web/components/button.css
--- a/web/components/button.css
+++ b/web/components/button.css
@@ -26,7 +26,8 @@
 }
 
 .btn.outline {
-  border: var(--border-width) solid var(--btn-outline-border);
+  border: var(--border-width) solid var(--button-border-outline-default);
+  color: var(--text-background-secondary-default);
 }
 
 .btn > * {
diff --git a/web/components/button.react.js b/web/components/button.react.js
--- a/web/components/button.react.js
+++ b/web/components/button.react.js
@@ -23,7 +23,7 @@
     backgroundColor: 'var(--btn-bg-success)',
   },
   outline: {
-    backgroundColor: 'var(--btn-bg-outline)',
+    backgroundColor: 'transparent',
   },
 };
 
diff --git a/web/invite-links/manage/manage-invite-links-modal.css b/web/invite-links/manage/manage-invite-links-modal.css
--- a/web/invite-links/manage/manage-invite-links-modal.css
+++ b/web/invite-links/manage/manage-invite-links-modal.css
@@ -30,13 +30,13 @@
   display: flex;
   flex-direction: column;
   gap: 32px;
-  color: var(--modal-fg);
+  color: var(--text-background-secondary-default);
   font-size: var(--s-font-14);
 }
 
 .editLinkDescription {
   font-weight: var(--semi-bold);
-  color: var(--modal-fg);
+  color: var(--text-background-secondary-default);
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -47,7 +47,7 @@
 }
 
 .separator {
-  border-color: var(--border-color);
+  border-color: var(--separator-background-primary-default);
   margin: 0;
 }
 
@@ -79,7 +79,7 @@
   display: flex;
   justify-content: center;
   font-size: var(--s-font-14);
-  color: var(--error-primary);
+  color: var(--text-background-danger-default);
 }
 
 .disableLinkRow {
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -271,6 +271,7 @@
   --button-background-primary-hover: var(--violet-dark-80);
   --button-background-secondary-hover: var(--shades-black-60);
   --button-background-primary-disabled: var(--shades-black-75);
+  --button-border-outline-default: var(--shades-black-50);
   --button-label-primary-default: var(--shades-white-100);
   --button-label-secondary-default: var(--shades-white-60);
   --button-label-primary-hover: var(--shades-white-90);
@@ -323,6 +324,7 @@
   --button-background-primary-hover: var(--violet-dark-80);
   --button-background-secondary-hover: var(--shades-black-60);
   --button-background-primary-disabled: var(--shades-white-60);
+  --button-border-outline-default: var(--shades-black-50);
   --button-label-primary-default: var(--shades-white-100);
   --button-label-secondary-default: var(--shades-white-90);
   --button-label-primary-hover: var(--shades-white-90);