From be6f68beab42458621dbeab7f559a21e70d52d28 Mon Sep 17 00:00:00 2001
From: Connor Lanigan <connlani@amazon.com>
Date: Thu, 10 Aug 2023 10:10:09 +0000
Subject: [PATCH] Add label to dev page input

---
 pages/funnel-analytics/nested-funnels.page.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/pages/funnel-analytics/nested-funnels.page.tsx b/pages/funnel-analytics/nested-funnels.page.tsx
index 0add853456..93de6a3e72 100644
--- a/pages/funnel-analytics/nested-funnels.page.tsx
+++ b/pages/funnel-analytics/nested-funnels.page.tsx
@@ -4,7 +4,18 @@ import React from 'react';
 
 import { i18nStrings } from '../wizard/common';
 
-import { Box, BreadcrumbGroup, Form, Wizard, WizardProps, Input, Container, Header, SpaceBetween } from '~components';
+import {
+  Box,
+  BreadcrumbGroup,
+  Form,
+  Wizard,
+  WizardProps,
+  Input,
+  Container,
+  Header,
+  SpaceBetween,
+  FormField,
+} from '~components';
 
 export default function WizardPage() {
   const steps: WizardProps.Step[] = [
@@ -45,7 +56,9 @@ export default function WizardPage() {
               <Container header={<Header>Another header</Header>}>
                 <Form>
                   Here is a substep nested inside a substep.
-                  <Input readOnly={true} value="" />
+                  <FormField label="An input field">
+                    <Input readOnly={true} value="" />
+                  </FormField>
                 </Form>
               </Container>
             </Container>