diff --git a/.changeset/deprecate-actionlistv1-promote-actionlistv2.md b/.changeset/deprecate-actionlistv1-promote-actionlistv2.md
index 8aa0e6f82e0..1979e50e66a 100644
--- a/.changeset/deprecate-actionlistv1-promote-actionlistv2.md
+++ b/.changeset/deprecate-actionlistv1-promote-actionlistv2.md
@@ -133,7 +133,7 @@ See full list of props and examples: https://primer.style/react/ActionList
 
   <ActionList.Group title="Layout">
     <ActionList.Item>Table</ActionList.Item>
-    <ActionList.Item>Board Description></ActionList.Item>
+    <ActionList.Item>Board Description</ActionList.Item>
   </ActionList.Group>
   <ActionList.Divider />
 
diff --git a/.changeset/empty-pillows-hunt.md b/.changeset/empty-pillows-hunt.md
index bda4d62c285..14a2228fb78 100644
--- a/.changeset/empty-pillows-hunt.md
+++ b/.changeset/empty-pillows-hunt.md
@@ -133,7 +133,7 @@ See full list of props and examples: https://primer.style/react/ActionList
 
   <ActionList.Group title="Layout">
     <ActionList.Item>Table</ActionList.Item>
-    <ActionList.Item>Board Description></ActionList.Item>
+    <ActionList.Item>Board Description</ActionList.Item>
   </ActionList.Group>
   <ActionList.Divider />
 
diff --git a/.changeset/smooth-cameras-prove.md b/.changeset/smooth-cameras-prove.md
index 0e67d504d6c..f3d34b33be6 100644
--- a/.changeset/smooth-cameras-prove.md
+++ b/.changeset/smooth-cameras-prove.md
@@ -67,22 +67,22 @@ See [https://primer.style/react/ActionMenu](https://primer.style/react/ActionMen
 ```jsx
 const fieldTypes = [
   {leadingVisual: TypographyIcon, text: 'Text'},
-  {leadingVisual: NumberIcon, text: 'Number'},
-];
-
-const [selectedItem, setSelectedItem] = React.useState()
-
-<DropdownMenu
-  renderAnchor={({children, ...anchorProps}) => (
-    <ButtonInvisible {...anchorProps}>
-      {children}
-    </ButtonInvisible>
-  )}
-  placeholder="Select a field type"
-  items={fieldTypes}
-  selectedItem={selectedItem}
-  onChange={() => setSelectedIndex(index)}
-/>
+  {leadingVisual: NumberIcon, text: 'Number'}
+]
+
+const Example = () => {
+  const [selectedItem, setSelectedItem] = React.useState()
+
+  return (
+    <DropdownMenu
+      renderAnchor={({children, ...anchorProps}) => <ButtonInvisible {...anchorProps}>{children}</ButtonInvisible>}
+      placeholder="Select a field type"
+      items={fieldTypes}
+      selectedItem={selectedItem}
+      onChange={() => setSelectedIndex(index)}
+    />
+  )
+}
 ```
 
  </td>
@@ -90,24 +90,29 @@ const [selectedItem, setSelectedItem] = React.useState()
 
 ```jsx
 const fieldTypes = [
-  {icon: <TypographyIcon/>, name: 'Text'},
-  {icon: <NumberIcon/>, name: 'Number'},
-];
-
-const [selectedItem, setSelectedItem] = React.useState()
-
-<ActionMenu>
-  <ActionMenu.Button>{selectedItem ? selectedItem.name : 'Select a field type'}</ActionMenu.Button>
-  <ActionMenu.Overlay>
-     <ActionList selectionVariant="single">
-      {fieldTypes.map(field => (
-        <ActionList.Item onSelect={() => setSelectedItem(field)} key={field.name}>
-           <ActionList.LeadingVisual>{field.icon}</ActionList.LeadingVisual>
-           {field.name}
-         </ActionList.Item>
-     <ActionList>
-  </ActionMenu.Overlay>
-<ActionMenu>
+  {icon: <TypographyIcon />, name: 'Text'},
+  {icon: <NumberIcon />, name: 'Number'}
+]
+
+const Example = () => {
+  const [selectedItem, setSelectedItem] = React.useState()
+
+  return (
+    <ActionMenu>
+      <ActionMenu.Button>{selectedItem ? selectedItem.name : 'Select a field type'}</ActionMenu.Button>
+      <ActionMenu.Overlay>
+        <ActionList selectionVariant="single">
+          {fieldTypes.map(field => (
+            <ActionList.Item onSelect={() => setSelectedItem(field)} key={field.name}>
+              <ActionList.LeadingVisual>{field.icon}</ActionList.LeadingVisual>
+              {field.name}
+            </ActionList.Item>
+          ))}
+        </ActionList>
+      </ActionMenu.Overlay>
+    </ActionMenu>
+  )
+}
 ```
 
 </td>