diff --git a/src/components/DropdownActions/DropdownActions.stories.js b/src/components/DropdownActions/DropdownActions.stories.js
index 9f0a49e79..373d4de05 100644
--- a/src/components/DropdownActions/DropdownActions.stories.js
+++ b/src/components/DropdownActions/DropdownActions.stories.js
@@ -42,6 +42,7 @@ export const Default = {
 	args: {
 		actions: downloadActions,
 		label: 'Download Review Form',
+		direction: 'left',
 	},
 	play: async ({canvasElement}) => {
 		// Assigns canvas to the component root element
@@ -90,6 +91,7 @@ export const EllipsisMenu = {
 		],
 		label: 'User management options',
 		displayAsEllipsis: true,
+		direction: 'left',
 	},
 	play: async ({canvasElement}) => {
 		// Assigns canvas to the component root element
diff --git a/src/components/DropdownActions/DropdownActions.vue b/src/components/DropdownActions/DropdownActions.vue
index a1016f9d2..6d4e1999f 100644
--- a/src/components/DropdownActions/DropdownActions.vue
+++ b/src/components/DropdownActions/DropdownActions.vue
@@ -92,10 +92,11 @@ defineProps({
 		type: String,
 		default: '',
 	},
-	/** This specifies where the dropdown appears relative to the element, such as "left," or "right." */
+	/** This specifies where the dropdown appears relative to the element, such as "left" or "right." */
 	direction: {
 		type: String,
 		default: 'left',
+		validator: (direction) => ['left', 'right'].includes(direction),
 	},
 });