diff --git a/docs-ui/src/app/components/list-box/page.mdx b/docs-ui/src/app/components/list-box/page.mdx
index e0340dbc38..90c7e23bf0 100644
--- a/docs-ui/src/app/components/list-box/page.mdx
+++ b/docs-ui/src/app/components/list-box/page.mdx
@@ -22,7 +22,10 @@ import {
 } from './snippets';
 import { PageTitle } from '@/components/PageTitle';
 import { Theming } from '@/components/Theming';
-import { ListBoxDefinition, ListBoxItemDefinition } from '../../../utils/definitions';
+import {
+  ListBoxDefinition,
+  ListBoxItemDefinition,
+} from '../../../utils/definitions';
 import { ChangelogComponent } from '@/components/ChangelogComponent';
 
 export const reactAriaUrls = {
@@ -66,15 +69,33 @@ Individual item within a ListBox.
 
 ### With description
 
-<Snippet align="center" py={4} open preview={<WithDescription />} code={withDescription} />
+<Snippet
+  align="center"
+  py={4}
+  open
+  preview={<WithDescription />}
+  code={withDescription}
+/>
 
 ### Single selection
 
-<Snippet align="center" py={4} open preview={<SelectionModeSingle />} code={selectionModeSingle} />
+<Snippet
+  align="center"
+  py={4}
+  open
+  preview={<SelectionModeSingle />}
+  code={selectionModeSingle}
+/>
 
 ### Multiple selection
 
-<Snippet align="center" py={4} open preview={<SelectionModeMultiple />} code={selectionModeMultiple} />
+<Snippet
+  align="center"
+  py={4}
+  open
+  preview={<SelectionModeMultiple />}
+  code={selectionModeMultiple}
+/>
 
 ### Disabled items