diff --git a/docs/nextjs.md b/docs/nextjs.md
index 9547e6f4b6..5245838ec9 100644
--- a/docs/nextjs.md
+++ b/docs/nextjs.md
@@ -127,21 +127,23 @@ Node.js 20 or later.
         import { useState } from 'react';
 
         export default function Home() {
-          const [menuItem, setMenu] = useState<string>('');
+          const [menuItem, setMenuItem] = useState<string>('');
 
           async function getMenuItem(formData: FormData) {
             const theme = formData.get('theme')?.toString() ?? '';
             const suggestion = await callMenuSuggestionFlow(theme);
-            setMenu(suggestion);
+            setMenuItem(suggestion);
           }
 
           return (
             <main>
               <form action={getMenuItem}>
-                <label>
+                <label htmlFor="theme">
                   Suggest a menu item for a restaurant with this theme:{' '}
                 </label>
-                <input type="text" name="theme" />
+                <input type="text" name="theme" id="theme" />
+                <br />
+                <br />
                 <button type="submit">Generate</button>
               </form>
               <br />