diff --git a/ts/components/conversation/media-gallery/DocumentListItem.md b/ts/components/conversation/media-gallery/DocumentListItem.md
index 9be4c247199..d247c20e52c 100644
--- a/ts/components/conversation/media-gallery/DocumentListItem.md
+++ b/ts/components/conversation/media-gallery/DocumentListItem.md
@@ -1,20 +1,20 @@
-DocumentListItem example:
-
-```js
-<DocumentListItem
-  fileName="meow.jpg"
-  fileSize={1024 * 1000 * 2}
-  timestamp={Date.now()}
-/>
-<DocumentListItem
-  fileName="rickroll.wmv"
-  fileSize={1024 * 1000 * 8}
-  timestamp={Date.now() - 24 * 60 * 1000}
-/>
-<DocumentListItem
-  fileName="kitten.gif"
-  fileSize={1024 * 1000 * 1.2}
-  timestamp={Date.now() - 14 * 24 * 60 * 1000}
-  shouldShowSeparator={false}
-/>
+```jsx
+<div>
+  <DocumentListItem
+    fileName="meow.jpg"
+    fileSize={1024 * 1000 * 2}
+    timestamp={Date.now()}
+  />
+  <DocumentListItem
+    fileName="rickroll.wmv"
+    fileSize={1024 * 1000 * 8}
+    timestamp={Date.now() - 24 * 60 * 1000}
+  />
+  <DocumentListItem
+    fileName="kitten.gif"
+    fileSize={1024 * 1000 * 1.2}
+    timestamp={Date.now() - 14 * 24 * 60 * 1000}
+    shouldShowSeparator={false}
+  />
+</div>
 ```