diff --git a/.changeset/update-popover-padding.md b/.changeset/update-popover-padding.md
new file mode 100644
index 000000000..5461ad6f2
--- /dev/null
+++ b/.changeset/update-popover-padding.md
@@ -0,0 +1,9 @@
+---
+"@launchpad-ui/components": patch
+---
+
+feat(components): update DialogTrigger popover padding
+
+Updates DialogTrigger popover padding from uniform 8px to differentiated vertical/horizontal padding:
+- Vertical padding: 8px → 12px (var(--lp-size-12))
+- Horizontal padding: 8px → 16px (var(--lp-size-16))
diff --git a/packages/components/src/styles/Popover.module.css b/packages/components/src/styles/Popover.module.css
index e59aa4b72..1503aa892 100644
--- a/packages/components/src/styles/Popover.module.css
+++ b/packages/components/src/styles/Popover.module.css
@@ -40,7 +40,7 @@
 	&[data-trigger='ComboBoxDialog'],
 	&[data-trigger='DatePicker'],
 	&[data-trigger='DateRangePicker'] {
-		padding: var(--lp-spacing-300);
+		padding: var(--lp-size-12) var(--lp-size-16);
 	}
 
 	&:has(input[type='search']):is(
diff --git a/packages/components/stories/Autocomplete.stories.tsx b/packages/components/stories/Autocomplete.stories.tsx
index f8f9c4908..347bf5960 100644
--- a/packages/components/stories/Autocomplete.stories.tsx
+++ b/packages/components/stories/Autocomplete.stories.tsx
@@ -6,12 +6,12 @@ import { expect, userEvent, within } from 'storybook/test';
 
 import { Autocomplete } from '../src/Autocomplete';
 import { Button } from '../src/Button';
-import { Dialog, DialogTrigger } from '../src/Dialog';
+import { Dialog } from '../src/Dialog';
 import { Group } from '../src/Group';
 import { IconButton } from '../src/IconButton';
 import { Input } from '../src/Input';
 import { ListBox, ListBoxItem } from '../src/ListBox';
-import { Menu, MenuItem } from '../src/Menu';
+import { Menu, MenuItem, MenuTrigger } from '../src/Menu';
 import { Popover } from '../src/Popover';
 import { SearchField } from '../src/SearchField';
 
@@ -45,7 +45,7 @@ export const Example: Story = {
 		];
 
 		return (
-			<DialogTrigger>
+			<MenuTrigger>
 				<Button>Trigger</Button>
 				<Popover placement="bottom start">
 					<Dialog aria-label="dialog with autocomplete">
@@ -73,7 +73,7 @@ export const Example: Story = {
 						</Autocomplete>
 					</Dialog>
 				</Popover>
-			</DialogTrigger>
+			</MenuTrigger>
 		);
 	},
 	...open,
@@ -89,7 +89,7 @@ export const ListBoxExample: Story = {
 		];
 
 		return (
-			<DialogTrigger>
+			<MenuTrigger>
 				<Button>Trigger</Button>
 				<Popover placement="bottom start">
 					<Dialog aria-label="dialog with autocomplete">
@@ -118,7 +118,7 @@ export const ListBoxExample: Story = {
 						</Autocomplete>
 					</Dialog>
 				</Popover>
-			</DialogTrigger>
+			</MenuTrigger>
 		);
 	},
 	...open,