diff --git a/fern/products/sdks/snippets/option-1-openapi.mdx b/fern/products/sdks/snippets/option-1-openapi.mdx
index 644a1632c..fbdcf73e0 100644
--- a/fern/products/sdks/snippets/option-1-openapi.mdx
+++ b/fern/products/sdks/snippets/option-1-openapi.mdx
@@ -30,12 +30,15 @@
 
     This creates a `fern` folder in your current directory with the OpenAPI Specification. The exact folder structure might look different depending on your initial input files. 
 
-      ```bash
-      fern/
-        ├─ fern.config.json # root-level configuration
-        └─ api/ # your API
-          ├─ generators.yml # generators you're using
-          └─ openapi/
-            ├─ openapi.yml  # API-level configuration
-      ```
-    </Accordion>
\ No newline at end of file
+      <Files>
+        <Folder name="fern" defaultOpen comment="root-level configuration">
+          <File name="fern.config.json" />
+          <Folder name="api" defaultOpen comment="your API">
+            <File name="generators.yml" comment="generators you're using" />
+            <Folder name="openapi" defaultOpen>
+              <File name="openapi.yml" comment="API-level configuration" />
+            </Folder>
+          </Folder>
+        </Folder>
+      </Files>
+    </Accordion>
diff --git a/fern/products/sdks/snippets/option-2-fern-def.mdx b/fern/products/sdks/snippets/option-2-fern-def.mdx
index 76216d2eb..7992e1087 100644
--- a/fern/products/sdks/snippets/option-2-fern-def.mdx
+++ b/fern/products/sdks/snippets/option-2-fern-def.mdx
@@ -10,16 +10,18 @@
 
       This creates a `fern` folder in your current directory with the Fern Definition.
 
-      ```bash
-      fern/
-        ├─ fern.config.json # root-level configuration
-        ├─ generators.yml # generators you're using
-        └─ definition/
-          ├─ api.yml  # API-level configuration
-          └─ imdb.yml # endpoints, types, and errors
-      ```
+      <Files>
+        <Folder name="fern" defaultOpen>
+          <File name="fern.config.json" comment="root-level configuration" />
+          <File name="generators.yml" comment="generators you're using" />
+          <Folder name="definition" defaultOpen>
+            <File name="api.yml" comment="API-level configuration" />
+            <File name="imdb.yml" comment="endpoints, types, and errors" />
+          </Folder>
+        </Folder>
+      </Files>
 
-      <Note> `imdb.yml` contains an example movies API. If you’re just
+      <Note> `imdb.yml` contains an example movies API. If you're just
       generating an SDK for test purposes, you can leave this file as it is. To
       generate an SDK for your own API instead of the example movies API,
       replace `imdb.yml` with your own endpoints, types, and errors before