diff --git a/change/@fluentui-react-dialog-b286942f-21da-4936-947b-6daf42db80ab.json b/change/@fluentui-react-dialog-b286942f-21da-4936-947b-6daf42db80ab.json
new file mode 100644
index 00000000000000..76064660426c63
--- /dev/null
+++ b/change/@fluentui-react-dialog-b286942f-21da-4936-947b-6daf42db80ab.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix(DialogContent): adds padding to allow focus visibility",
+  "packageName": "@fluentui/react-dialog",
+  "email": "bernardo.sunderhus@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.ts b/packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.ts
index d9efd17e7e5466..b03b2c308fa1b6 100644
--- a/packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.ts
+++ b/packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.ts
@@ -2,7 +2,7 @@ import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
 import type { DialogContentSlots, DialogContentState } from './DialogContent.types';
 import type { SlotClassNames } from '@fluentui/react-utilities';
 import { CONTENT_GRID_AREA } from '../../contexts/constants';
-import { typographyStyles } from '@fluentui/react-theme';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
 
 export const dialogContentClassNames: SlotClassNames<DialogContentSlots> = {
   root: 'fui-DialogContent',
@@ -18,6 +18,8 @@ const useStyles = makeStyles({
     overflowY: 'auto',
     minHeight: '32px',
     boxSizing: 'border-box',
+    ...shorthands.padding(tokens.strokeWidthThick),
+    ...shorthands.margin(`calc(${tokens.strokeWidthThick} * -1)`),
     ...shorthands.gridArea(CONTENT_GRID_AREA),
     ...typographyStyles.body1,
   },