diff --git a/change/@fluentui-web-components-2021-02-04-15-05-06-users-v-sedono-fix-accent-focus-visible-width.json b/change/@fluentui-web-components-2021-02-04-15-05-06-users-v-sedono-fix-accent-focus-visible-width.json
new file mode 100644
index 00000000000000..b3e8b14d75d277
--- /dev/null
+++ b/change/@fluentui-web-components-2021-02-04-15-05-06-users-v-sedono-fix-accent-focus-visible-width.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "correct focus visible outline on accent button and anchor styles",
+  "packageName": "@fluentui/web-components",
+  "email": "sethdonohue@Admins-MBP.guest.corp.microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2021-02-04T23:05:06.344Z"
+}
diff --git a/packages/web-components/src/styles/patterns/button.ts b/packages/web-components/src/styles/patterns/button.ts
index c515f4ae9284bc..16a8b76b0b2b23 100644
--- a/packages/web-components/src/styles/patterns/button.ts
+++ b/packages/web-components/src/styles/patterns/button.ts
@@ -195,7 +195,7 @@ export const AccentButtonStyles = css`
     }
 
     :host(.accent) .control:${focusVisible} {
-        box-shadow: 0 0 0 calc(var(--focus-outline-width) * 1px) inset ${neutralFocusInnerAccentBehavior.var};
+        box-shadow: 0 0 0 calc(var(--focus-outline-width) * 1px) inset ${neutralFocusInnerAccentBehavior.var}, 0 0 0 calc((var(--focus-outline-width) - var(--outline-width)) * 1px) ${neutralFocusBehavior.var}
     }
 
     :host(.accent.disabled) {