From 603d4215b9fde194c1e978d92015193ddfe2054e Mon Sep 17 00:00:00 2001
From: Kostiantyn Dvornik <dvornik.konstantin@gmail.com>
Date: Mon, 29 Jul 2024 21:29:13 +0300
Subject: [PATCH] chore: improve rjsf styles

---
 dist/other/rjsf/templates/DescriptionFieldTemplate.js | 2 +-
 src/other/rjsf/templates/DescriptionFieldTemplate.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/dist/other/rjsf/templates/DescriptionFieldTemplate.js b/dist/other/rjsf/templates/DescriptionFieldTemplate.js
index 2ef85e8..51080ee 100644
--- a/dist/other/rjsf/templates/DescriptionFieldTemplate.js
+++ b/dist/other/rjsf/templates/DescriptionFieldTemplate.js
@@ -8,7 +8,7 @@ import React from "react";
 export default function DescriptionFieldTemplate(props) {
     const { id, description } = props;
     if (description) {
-        return (React.createElement(Typography, { id: id, variant: "subtitle2", style: { marginTop: "5px" } }, description));
+        return (React.createElement(Typography, { id: id, variant: "subtitle2", sx: { mb: 10 } }, description));
     }
     return null;
 }
diff --git a/src/other/rjsf/templates/DescriptionFieldTemplate.tsx b/src/other/rjsf/templates/DescriptionFieldTemplate.tsx
index 6129c24..a40585a 100644
--- a/src/other/rjsf/templates/DescriptionFieldTemplate.tsx
+++ b/src/other/rjsf/templates/DescriptionFieldTemplate.tsx
@@ -15,7 +15,7 @@ export default function DescriptionFieldTemplate<
     const { id, description } = props;
     if (description) {
         return (
-            <Typography id={id} variant="subtitle2" style={{ marginTop: "5px" }}>
+            <Typography id={id} variant="subtitle2" sx={{ mb: 10 }}>
                 {description}
             </Typography>
         );