diff --git a/assets/component-swatch.css b/assets/component-swatch.css
index 7e6d9377527..75d91b50f0e 100644
--- a/assets/component-swatch.css
+++ b/assets/component-swatch.css
@@ -9,7 +9,7 @@
   background: var(--swatch--background);
   background-size: cover;
   background-origin: border-box;
-  border: 0.1rem solid rgba(var(--color-background-contrast), 0.5);
+  border: 0.1rem solid rgba(var(--color-foreground), 0.45);
   border-radius: var(--swatch--border-radius);
 }