Merge pull request #452 from p3ol/fix/fix-styles-in-card-stories

🐛 fix: fix form styles in card stories
p3ol · Feb 26, 2021 · 5139a36 · 5139a36
2 parents e63347d + 6fc369c
commit 5139a36
Showing 1 changed file with 9 additions and 12 deletions.
diff --git a/packages/junipero/lib/Card/index.stories.js b/packages/junipero/lib/Card/index.stories.js
@@ -22,18 +22,15 @@ const Form = () => (
     some hand crafted card header & footer, and a nice box shadow that will
     melt your 2001 ATI graphics card.</div>
     <div style={styles.form}>
-      <TextField
-        style={styles.formItem}
-        label="Label"
-        value="Thomas Bangalter"
-      />
-      <TextField
-        style={styles.formItem}
-        label="Label"
-        type="password"
-        value="securePassword"
-      />
-      <Button style={styles.formItem} className="primary">Update</Button>
+      <div style={styles.formItem}>
+        <TextField label="Label" value="Thomas Bangalter" />
+      </div>
+      <div style={styles.formItem}>
+        <TextField label="Label" type="password" value="securePassword" />
+      </div>
+      <div style={styles.formItem}>
+        <Button className="primary">Update</Button>
+      </div>
     </div>
   </React.Fragment>
 );