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>
         );