2 files changed, 26 insertions, 5 deletions
diff --git a/src/view/screens/Storybook/Forms.tsx b/src/view/screens/Storybook/Forms.tsx
index 8c888f04d..fc414d31f 100644
--- a/src/view/screens/Storybook/Forms.tsx
+++ b/src/view/screens/Storybook/Forms.tsx
@@ -32,6 +32,27 @@ export function Forms() {
           label="Text field"
         />
 
+        <View style={[a.flex_row, a.gap_sm]}>
+          <View
+            style={[
+              {
+                width: '50%',
+              },
+            ]}>
+            <TextField.Root>
+              <TextField.Icon icon={Globe} />
+              <TextField.Input
+                value={value}
+                onChangeText={setValue}
+                label="Text field"
+              />
+            </TextField.Root>
+          </View>
+          <Button label="Submit" size="large" variant="solid" color="primary">
+            <ButtonText>Submit</ButtonText>
+          </Button>
+        </View>
+
         <TextField.Root>
           <TextField.Icon icon={Globe} />
           <TextField.Input
diff --git a/src/view/screens/Storybook/index.tsx b/src/view/screens/Storybook/index.tsx
index c6beecefe..ec6bab13e 100644
--- a/src/view/screens/Storybook/index.tsx
+++ b/src/view/screens/Storybook/index.tsx
@@ -1,10 +1,10 @@
 import React from 'react'
 import {ScrollView, View} from 'react-native'
 
+import {isWeb} from '#/platform/detection'
 import {useSetThemePrefs} from '#/state/shell'
-import {isWeb} from 'platform/detection'
 import {CenteredView} from '#/view/com/util/Views'
-import {ListContained} from 'view/screens/Storybook/ListContained'
+import {ListContained} from '#/view/screens/Storybook/ListContained'
 import {atoms as a, ThemeProvider, useTheme} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
 import {Breakpoints} from './Breakpoints'
@@ -80,9 +80,8 @@ function StorybookInner() {
               </Button>
             </View>
 
-            <Buttons />
+            <Forms />
 
-            <Dialogs />
             <ThemeProvider theme="light">
               <Theming />
             </ThemeProvider>
@@ -93,16 +92,17 @@ function StorybookInner() {
               <Theming />
             </ThemeProvider>
 
+            <Buttons />
             <Typography />
             <Spacing />
             <Shadows />
             <Buttons />
             <Icons />
             <Links />
-            <Forms />
             <Dialogs />
             <Menus />
             <Breakpoints />
+            <Dialogs />
 
             <Button
               variant="solid"