From ed74bc3e93bc8bdb903f2bf4a66bf09aea296f37 Mon Sep 17 00:00:00 2001
From: Chris Holt <13071055+chrisdholt@users.noreply.github.com>
Date: Fri, 7 Jun 2024 15:58:44 -0700
Subject: [PATCH] fixes the border-color for switch when in the checked state
 on rest

---
 ...eb-components-1fa74631-ff88-48ec-a0c6-15691f79e0a1.json | 7 +++++++
 packages/web-components/src/switch/switch.styles.ts        | 1 +
 2 files changed, 8 insertions(+)
 create mode 100644 change/@fluentui-web-components-1fa74631-ff88-48ec-a0c6-15691f79e0a1.json

diff --git a/change/@fluentui-web-components-1fa74631-ff88-48ec-a0c6-15691f79e0a1.json b/change/@fluentui-web-components-1fa74631-ff88-48ec-a0c6-15691f79e0a1.json
new file mode 100644
index 00000000000000..e1ff3052c4edc8
--- /dev/null
+++ b/change/@fluentui-web-components-1fa74631-ff88-48ec-a0c6-15691f79e0a1.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fixes the border-color for switch when in the checked state on rest",
+  "packageName": "@fluentui/web-components",
+  "email": "13071055+chrisdholt@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/switch/switch.styles.ts b/packages/web-components/src/switch/switch.styles.ts
index 68ee4c11b21c4e..9edab8cffae2b8 100644
--- a/packages/web-components/src/switch/switch.styles.ts
+++ b/packages/web-components/src/switch/switch.styles.ts
@@ -67,6 +67,7 @@ export const styles = css`
   }
   :host(${checkedState}) {
     background: ${colorCompoundBrandBackground};
+    border-color: ${colorCompoundBrandBackground};
   }
   :host(${checkedState}:hover) {
     background: ${colorCompoundBrandBackgroundHover};