Fix input demos

sippy-platform · Aug 18, 2022 · 26419d6 · 26419d6
1 parent f1b2339
commit 26419d6
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/docs/pages/Forms/FormControlDemo.tsx b/src/docs/pages/Forms/FormControlDemo.tsx
@@ -13,7 +13,7 @@ export default function FormControlDemo() {
 
       <h3>Input Control</h3>
       <DemoBox>
-        <Grid>
+        <Grid xs={1}>
           <InputControl name="default" label="Default" placeholder="Default" helper="A default text field." />
           <InputControl name="email" type="email" label="Email" placeholder="Email" />
           <InputControl name="password" type="password" label="Password" placeholder="Password" />

diff --git a/src/docs/pages/Forms/InputDemo.tsx b/src/docs/pages/Forms/InputDemo.tsx
@@ -7,7 +7,7 @@ export default function InputDemo() {
     <>
       <h2>Input</h2>
       <DemoBox>
-        <Grid>
+        <Grid xs={1}>
           <Input placeholder="Default" />
           <Input type="email" placeholder="Email" />
           <Input type="password" placeholder="Password" />

diff --git a/src/docs/pages/Forms/InputGroupDemo.tsx b/src/docs/pages/Forms/InputGroupDemo.tsx
@@ -10,7 +10,7 @@ export default function InputGroupDemo() {
       <h3>Input Addon</h3>
       <p>The input group allows you to add input addons to an input. These are small text labels.</p>
       <DemoBox>
-        <Grid>
+        <Grid xs={1}>
           <InputGroup>
             <InputAddon>Prefix</InputAddon>
             <Input placeholder="Default" />