diff --git a/src/docs/list-style-type.mdx b/src/docs/list-style-type.mdx
index 6b82998d..7f05a852 100644
--- a/src/docs/list-style-type.mdx
+++ b/src/docs/list-style-type.mdx
@@ -56,20 +56,20 @@ Use utilities like `list-disc` and `list-decimal` to control the style of the ma
 </Example>
 
 ```html
-<!-- [!code classes:list-disc] -->
-<ul class="list-disc">
+<!-- [!code classes:list-disc,list-inside] -->
+<ul class="list-inside list-disc">
   <li>Now this is a story all about how, my life got flipped-turned upside down</li>
   <!-- ... -->
 </ul>
 
-<!-- [!code classes:list-decimal] -->
-<ol class="list-decimal">
+<!-- [!code classes:list-decimal,list-inside] -->
+<ul class="list-inside list-decimal">
   <li>Now this is a story all about how, my life got flipped-turned upside down</li>
   <!-- ... -->
-</ol>
+</ul>
 
-<!-- [!code classes:list-none] -->
-<ul class="list-none">
+<!-- [!code classes:list-none,list-inside] -->
+<ul class="list-inside list-none">
   <li>Now this is a story all about how, my life got flipped-turned upside down</li>
   <!-- ... -->
 </ul>