diff --git a/components/select/stories/arg-types.js b/components/select/stories/arg-types.js
index faae4706d..7f9c97fcc 100644
--- a/components/select/stories/arg-types.js
+++ b/components/select/stories/arg-types.js
@@ -1,4 +1,4 @@
-import { Shape } from '@vonage/vvd-foundation/constants';
+import {Layout, Shape} from '@vonage/vvd-foundation/constants';
 
 
 export const argTypes = {
@@ -22,13 +22,15 @@ export const argTypes = {
 			].includes(s)),
 		}
 	},
-	required: {
+	appearance: {
 		control: {
-			type: 'inline-radio',
-			options: { true: '', false: undefined },
-		},
+			type: 'select',
+			options: Object.values(Layout).filter(s => [
+				Layout.Outlined, Layout.Ghost
+			].includes(s)),
+		}
 	},
-	ghost: {
+	required: {
 		control: {
 			type: 'inline-radio',
 			options: { true: '', false: undefined },
diff --git a/components/select/stories/select.stories.js b/components/select/stories/select.stories.js
index 41c2f2c76..bdaa7eb6f 100644
--- a/components/select/stories/select.stories.js
+++ b/components/select/stories/select.stories.js
@@ -17,7 +17,7 @@ const Template = (args) => html`
 		}
 	</style>
 	<vwc-select ...=${spread(args)} @selected=${onSelected}>
-		<vwc-list-item></vwc-list-item>
+		<vwc-list-item disabled selected value="Choose an item">Choose an item</vwc-list-item>
 		<vwc-list-item value="0">Item 0</vwc-list-item>
 		<vwc-list-item value="1">Item 1</vwc-list-item>
 		<vwc-list-item value="2">Item 2</vwc-list-item>