From 033896dfc28479baaab02116064ad634c9c36bb6 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 27 Aug 2021 08:20:07 -0400
Subject: [PATCH] adjust default button

---
 src/components/button/button.styles.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/button/button.styles.ts b/src/components/button/button.styles.ts
index c6998db5e..6071f31ea 100644
--- a/src/components/button/button.styles.ts
+++ b/src/components/button/button.styles.ts
@@ -77,20 +77,20 @@ export default css`
 
   .button.button--default:hover:not(.button--disabled) {
     background-color: rgb(var(--sl-color-primary-50));
-    border-color: rgb(var(--sl-color-primary-500));
+    border-color: rgb(var(--sl-color-primary-300));
     color: rgb(var(--sl-color-primary-700));
   }
 
   .button.button--default${focusVisibleSelector}:not(.button--disabled) {
     background-color: rgb(var(--sl-color-primary-50));
-    border-color: rgb(var(--sl-color-primary-500));
+    border-color: rgb(var(--sl-color-primary-400));
     color: rgb(var(--sl-color-primary-700));
     box-shadow: 0 0 0 var(--sl-focus-ring-width) rgb(var(--sl-color-primary-500) / var(--sl-focus-ring-alpha));
   }
 
   .button.button--default:active:not(.button--disabled) {
     background-color: rgb(var(--sl-color-primary-100));
-    border-color: rgb(var(--sl-color-primary-500));
+    border-color: rgb(var(--sl-color-primary-400));
     color: rgb(var(--sl-color-primary-700));
   }