1 files changed, 24 insertions, 7 deletions

diff --git a/uidev/src/stories/select.stories.tsx b/uidev/src/stories/select.stories.tsx
index 93e072cd9..51ec6ed88 100644
--- a/uidev/src/stories/select.stories.tsx
+++ b/uidev/src/stories/select.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { v4 as uuid } from 'uuid';
+import uuid from 'uuid/v4';
 
 import { Select } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -282,18 +282,35 @@ const defaultProps = () => {
     },
     actionText: 'Select country',
     // defaultValue: 'AT',
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
-      console.log('changed event', e),
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log('changed event', e),
   };
 };
 
 storiesOf('Select')
-  .add('Basic', () => <Select {...defaultProps()} />)
+  .add('Basic', () => (
+    <Select
+      {...defaultProps()}
+    />
+  ))
   .add('With preselection', () => (
-    <Select {...defaultProps()} defaultValue="AT" />
+    <Select
+      {...defaultProps()}
+      defaultValue="AT"
+    />
+  ))
+  .add('With search', () => (
+    <Select
+      {...defaultProps()}
+      showSearch
+    />
+  ))
+  .add('Disabled', () => (
+    <Select
+      {...defaultProps()}
+      showSearch
+      disabled
+    />
   ))
-  .add('With search', () => <Select {...defaultProps()} showSearch />)
-  .add('Disabled', () => <Select {...defaultProps()} showSearch disabled />)
   .add('With error', () => (
     <Select
       {...defaultProps()}