diff --git a/packages/docusaurus-plugin-openapi-docs/src/markdown/__snapshots__/createSchema.test.ts.snap b/packages/docusaurus-plugin-openapi-docs/src/markdown/__snapshots__/createSchema.test.ts.snap
index 8a1b9c507..66c9fb716 100644
--- a/packages/docusaurus-plugin-openapi-docs/src/markdown/__snapshots__/createSchema.test.ts.snap
+++ b/packages/docusaurus-plugin-openapi-docs/src/markdown/__snapshots__/createSchema.test.ts.snap
@@ -6,7 +6,7 @@ Array [
   <details style={{}} className={\\"openapi-markdown__details\\"}>
     <summary style={{}}>
       <strong>oneOfProperty</strong>
-      <span style={{ opacity: \\"0.6\\" }}> object</span>
+      <span style={{ opacity: \\"0.6\\" }}>object</span>
     </summary>
     <div style={{ marginLeft: \\"1rem\\" }}></div>
     <div>
diff --git a/packages/docusaurus-plugin-openapi-docs/src/markdown/utils.ts b/packages/docusaurus-plugin-openapi-docs/src/markdown/utils.ts
index bc8b209a8..45a7a1844 100644
--- a/packages/docusaurus-plugin-openapi-docs/src/markdown/utils.ts
+++ b/packages/docusaurus-plugin-openapi-docs/src/markdown/utils.ts
@@ -14,10 +14,13 @@ export function create(tag: string, props: Props): string {
 
   let propString = "";
   for (const [key, value] of Object.entries(rest)) {
-    propString += ` ${key}={${JSON.stringify(value)}}`;
+    propString += `\n  ${key}={${JSON.stringify(value)}}`;
   }
+  propString += propString ? "\n" : "";
 
-  return `<${tag}${propString}>${render(children)}</${tag}>`;
+  let indentedChildren = render(children).replace(/^/gm, "  ");
+  indentedChildren += indentedChildren ? "\n" : "";
+  return `<${tag}${propString}>\n${indentedChildren}</${tag}>`;
 }
 
 export function guard<T>(