diff --git a/packages/documentation/src/stories/components/select/select.stories.ts b/packages/documentation/src/stories/components/select/select.stories.ts
index c679281c5f..1cb03a7722 100644
--- a/packages/documentation/src/stories/components/select/select.stories.ts
+++ b/packages/documentation/src/stories/components/select/select.stories.ts
@@ -2,6 +2,7 @@ import type { Args, Meta, StoryContext, StoryObj } from '@storybook/web-componen
 import { html, nothing } from 'lit';
 import { useArgs } from '@storybook/preview-api';
 import { BADGE } from '../../../../.storybook/constants';
+import { ifDefined } from 'lit/directives/if-defined.js';
 
 const VALIDATION_STATE_MAP: Record<string, undefined | boolean> = {
   'null': undefined,
@@ -222,12 +223,11 @@ const Template: Story = {
       <select
         id=${id}
         class=${classes}
-        defaultValue=${args.value ?? nothing}
         ?multiple=${args.multiple}
         size=${args.multipleSize ?? nothing}
         ?disabled=${args.disabled}
-        aria-label=${useAriaLabel ? args.label : undefined}
-        aria-invalid=${VALIDATION_STATE_MAP[args.validation]}
+        aria-label=${useAriaLabel ? args.label : nothing}
+        aria-invalid=${ifDefined(VALIDATION_STATE_MAP[args.validation])}
         @change=${(e: Event) => {
           updateArgs({ value: (e.target as HTMLSelectElement).value });
         }}