diff --git a/docs/components/select/overview.md b/docs/components/select/overview.md
index a60ddf2f9..7927e8004 100644
--- a/docs/components/select/overview.md
+++ b/docs/components/select/overview.md
@@ -26,7 +26,7 @@ import '@lion/ui/define/lion-select.js';
 export const main = () => html`
   <lion-select name="favoriteColor" label="Favorite color">
     <select slot="input">
-      <option selected hidden value>Please select</option>
+      <option selected value>Please select</option>
       <option value="red">Red</option>
       <option value="hotpink">Hotpink</option>
       <option value="teal">Teal</option>
diff --git a/docs/components/select/use-cases.md b/docs/components/select/use-cases.md
index b49541d6c..6cab1f382 100644
--- a/docs/components/select/use-cases.md
+++ b/docs/components/select/use-cases.md
@@ -27,7 +27,7 @@ You can preselect an option by setting the property modelValue.
 ```html preview-story
 <lion-select name="favoriteColor" label="Favorite color" .modelValue="${'hotpink'}">
   <select slot="input">
-    <option selected hidden value>Please select</option>
+    <option selected value>Please select</option>
     <option value="red">Red</option>
     <option value="hotpink">Hotpink</option>
     <option value="teal">Teal</option>
@@ -42,7 +42,7 @@ You can disable an option by adding the `disabled` attribute to an option.
 ```html preview-story
 <lion-select name="favoriteColor" label="Favorite color">
   <select slot="input">
-    <option selected hidden value>Please select</option>
+    <option selected value>Please select</option>
     <option value="red">Red</option>
     <option value="hotpink" disabled>Hotpink</option>
     <option value="teal">Teal</option>
@@ -55,7 +55,7 @@ Or by setting the `disabled` attribute on the entire `lion-select` field.
 ```html preview-story
 <lion-select name="favoriteColor" label="Favorite color" disabled>
   <select slot="input">
-    <option selected hidden value>Please select</option>
+    <option selected value>Please select</option>
     <option value="red">Red</option>
     <option value="hotpink">Hotpink</option>
     <option value="teal">Teal</option>
@@ -89,7 +89,7 @@ class MyOptions extends LitElement {
     return html`
       <lion-select name="favoriteColor" label="Favorite color" disabled>
         <select slot="input">
-          <option selected hidden value>Please select</option>
+          <option selected value>Please select</option>
           ${this.colours.map(colour => html`<option value="${colour}">${colour}</option>`)}
         </select>
       </lion-select>
@@ -115,7 +115,7 @@ render() {
   return html`
     <lion-select name="favoriteColor" label="Favorite color" disabled>
       <select slot="input">
-        <option selected hidden value>Please select</option>
+        <option selected value>Please select</option>
         ${repeat(
           this.colours,
           (colour) => colour,