diff --git a/change/@fluentui-react-e393acc7-f1bd-4632-9c6d-359924839807.json b/change/@fluentui-react-e393acc7-f1bd-4632-9c6d-359924839807.json
new file mode 100644
index 00000000000000..90e8847ac24c72
--- /dev/null
+++ b/change/@fluentui-react-e393acc7-f1bd-4632-9c6d-359924839807.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Add displayName to dialog footer and content",
+  "packageName": "@fluentui/react",
+  "email": "mingyuanyu@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react/src/components/Dialog/DialogContent.tsx b/packages/react/src/components/Dialog/DialogContent.tsx
index 2c90d46efb6743..dd26abd56c2034 100644
--- a/packages/react/src/components/Dialog/DialogContent.tsx
+++ b/packages/react/src/components/Dialog/DialogContent.tsx
@@ -9,3 +9,5 @@ export const DialogContent: React.FunctionComponent<IDialogContentProps> = style
   IDialogContentStyleProps,
   IDialogContentStyles
 >(DialogContentBase, getStyles, undefined, { scope: 'DialogContent' });
+
+DialogContent.displayName = 'DialogContent';
diff --git a/packages/react/src/components/Dialog/DialogFooter.tsx b/packages/react/src/components/Dialog/DialogFooter.tsx
index 95b6d099fa13aa..2af3b307a3ac28 100644
--- a/packages/react/src/components/Dialog/DialogFooter.tsx
+++ b/packages/react/src/components/Dialog/DialogFooter.tsx
@@ -9,3 +9,5 @@ export const DialogFooter: React.FunctionComponent<IDialogFooterProps> = styled<
   IDialogFooterStyleProps,
   IDialogFooterStyles
 >(DialogFooterBase, getStyles, undefined, { scope: 'DialogFooter' });
+
+DialogFooter.displayName = 'DialogFooter';