From 7c868d1d8a5f0e158ebda2b42d9dba486f72053a Mon Sep 17 00:00:00 2001
From: Micah Godbolt <mgodbolt@microsoft.com>
Date: Fri, 16 Sep 2022 10:27:01 -0700
Subject: [PATCH] Divider - allow default prop override (#24840)

* allow props to override default divider values when necessary

* change file
---
 ...react-divider-f95da959-6db2-4b33-9ec7-d3a4e44656c0.json | 7 +++++++
 .../react-divider/src/components/Divider/useDivider.ts     | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 change/@fluentui-react-divider-f95da959-6db2-4b33-9ec7-d3a4e44656c0.json

diff --git a/change/@fluentui-react-divider-f95da959-6db2-4b33-9ec7-d3a4e44656c0.json b/change/@fluentui-react-divider-f95da959-6db2-4b33-9ec7-d3a4e44656c0.json
new file mode 100644
index 0000000000000..55e7e334b1f5a
--- /dev/null
+++ b/change/@fluentui-react-divider-f95da959-6db2-4b33-9ec7-d3a4e44656c0.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "fix: Divider - allow props to override default values",
+  "packageName": "@fluentui/react-divider",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-divider/src/components/Divider/useDivider.ts b/packages/react-components/react-divider/src/components/Divider/useDivider.ts
index a10df837da9a8..e6db7eed2ed47 100644
--- a/packages/react-components/react-divider/src/components/Divider/useDivider.ts
+++ b/packages/react-components/react-divider/src/components/Divider/useDivider.ts
@@ -25,11 +25,11 @@ export const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElem
     },
 
     root: getNativeElementProps('div', {
-      ...props,
-      ref,
       role: 'separator',
       'aria-orientation': vertical ? 'vertical' : 'horizontal',
       'aria-labelledby': props.children ? dividerId : undefined,
+      ...props,
+      ref,
     }),
     wrapper: resolveShorthand(wrapper, {
       required: true,