diff --git a/content/components/data-table.mdx b/content/components/data-table.mdx
index 655250982..ab7c0c886 100644
--- a/content/components/data-table.mdx
+++ b/content/components/data-table.mdx
@@ -9,8 +9,6 @@ export default ComponentLayout
 
 import {Box, Heading} from '@primer/react'
 
-<Note>This component is not available in production yet</Note>
-
 ## Anatomy
 
 <img
@@ -422,8 +420,6 @@ Options:
 
 ### Row actions cell options
 
-<!-- TODO: apply a layout -->
-
 <Box display="flex" flexDirection="column" sx={{gap: 3, 'h4': { margin: 0 }}}>
 <Box display="flex" flexDirection={['column', 'column', 'column', 'column', 'row']} sx={{gap: 3}}>
 
@@ -575,7 +571,8 @@ The table must have a title, and can optionally have a subtitle to describe more
 <Box display="flex" flexDirection={['column', 'column', 'column', 'column', 'row']} sx={{gap: 3}}>
 
 <Box as="p" flex={1}>
-  The row header string will be prepended to the ARIA text of action buttons. For examples, Download {`{row header}`}“, “Actions:{`{row header}`}”
+  The row header string will be prepended to the ARIA text of action buttons. For examples, Download {`{row header}`}“,
+  “Actions:{`{row header}`}”
 </Box>
 
 <img
@@ -588,7 +585,9 @@ The table must have a title, and can optionally have a subtitle to describe more
 <Box display="flex" flexDirection={['column', 'column', 'column', 'column', 'row']} sx={{gap: 3}}>
 
 <Box as="p" flex={1}>
-  To handle cases where the row header can be very long, we should give consumers the option to specify a shorter string to identify the rows. For example, if an issue title is used as the row header, we could use the issue number instead of the full issue title.
+  To handle cases where the row header can be very long, we should give consumers the option to specify a shorter string
+  to identify the rows. For example, if an issue title is used as the row header, we could use the issue number instead
+  of the full issue title.
 </Box>
 
 <img