diff --git a/change/@fluentui-react-dialog-0114f836-5a96-4d93-bc7b-5da966142ed8.json b/change/@fluentui-react-dialog-0114f836-5a96-4d93-bc7b-5da966142ed8.json
new file mode 100644
index 00000000000000..19a67b4464212d
--- /dev/null
+++ b/change/@fluentui-react-dialog-0114f836-5a96-4d93-bc7b-5da966142ed8.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "bugfix(react-dialog): Adds color style to DialogSurface",
+  "packageName": "@fluentui/react-dialog",
+  "email": "bernardo.sunderhus@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts b/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts
index f4d39375eea5ae..5b2766fd4afd69 100644
--- a/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts
+++ b/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts
@@ -34,6 +34,7 @@ const useStyles = makeStyles({
     boxSizing: 'border-box',
     boxShadow: tokens.shadow64,
     backgroundColor: tokens.colorNeutralBackground1,
+    color: tokens.colorNeutralForeground1,
     ...shorthands.gap(DIALOG_GAP),
     ...shorthands.border(SURFACE_BORDER_WIDTH, 'solid', tokens.colorTransparentStroke),
     ...shorthands.borderRadius(SURFACE_BORDER_RADIUS),