diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index b9f5be24393d2b..abf2f00cb86dd6 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -12,6 +12,10 @@
 -   Add `Tabs` primitive ([#74652](https://github.com/WordPress/gutenberg/pull/74652)).
 -   Add `Textarea` primitive ([#74707](https://github.com/WordPress/gutenberg/pull/74707)).
 
+### Bug Fixes
+
+-   `Field`: Fix default gap spacing ([#75446](https://github.com/WordPress/gutenberg/pull/75446)).
+
 ### Enhancements
 
 -   `Button`: Add minimum content width (`6ch` + padding) to prevent overly narrow buttons with short labels ([#75133](https://github.com/WordPress/gutenberg/pull/75133)).
diff --git a/packages/ui/src/badge/stories/choosing-intent.story.tsx b/packages/ui/src/badge/stories/choosing-intent.story.tsx
index 603f2517369a3e..c577d7686c36eb 100644
--- a/packages/ui/src/badge/stories/choosing-intent.story.tsx
+++ b/packages/ui/src/badge/stories/choosing-intent.story.tsx
@@ -7,7 +7,7 @@ const meta: Meta< typeof Badge > = {
 	component: Badge,
 	decorators: [
 		( Story ) => (
-			<Stack direction="row" gap="xs" wrap="wrap">
+			<Stack direction="row" gap="sm" wrap="wrap">
 				<Story />
 			</Stack>
 		),
diff --git a/packages/ui/src/form/primitives/field/root.tsx b/packages/ui/src/form/primitives/field/root.tsx
index 6a78b9bd1e283f..c131f8fadc0315 100644
--- a/packages/ui/src/form/primitives/field/root.tsx
+++ b/packages/ui/src/form/primitives/field/root.tsx
@@ -6,7 +6,7 @@ import type { FieldRootProps } from './types';
 import { Stack } from '../../../stack';
 
 const DEFAULT_RENDER = ( props: React.ComponentProps< typeof Stack > ) => (
-	<Stack { ...props } direction="column" gap="xs" />
+	<Stack { ...props } direction="column" gap="sm" />
 );
 
 /**
diff --git a/packages/ui/src/stack/stories/index.story.tsx b/packages/ui/src/stack/stories/index.story.tsx
index 4dd2019beb93d7..768aa39e4a2ba5 100644
--- a/packages/ui/src/stack/stories/index.story.tsx
+++ b/packages/ui/src/stack/stories/index.story.tsx
@@ -21,7 +21,7 @@ type Story = StoryObj< typeof Stack >;
 
 export const Default: Story = {
 	args: {
-		gap: 'sm',
+		gap: 'md',
 		children: (
 			<>
 				<DemoBox />
@@ -90,7 +90,7 @@ export const Nested: Story = {
 		children: (
 			<>
 				<DemoBox variant="lg" />
-				<Stack gap="md">
+				<Stack gap="lg">
 					<DemoBox />
 					<DemoBox />
 				</Stack>