diff --git a/.changeset/fluffy-frogs-change.md b/.changeset/fluffy-frogs-change.md
new file mode 100644
index 0000000000..2caf25bfc4
--- /dev/null
+++ b/.changeset/fluffy-frogs-change.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-scaffolder-react': patch
+---
+
+Made markdown description theme-able
diff --git a/plugins/scaffolder-react/src/next/components/Form/DescriptionFieldTemplate.tsx b/plugins/scaffolder-react/src/next/components/Form/DescriptionFieldTemplate.tsx
index 8debfb3e08..4c86ef0c62 100644
--- a/plugins/scaffolder-react/src/next/components/Form/DescriptionFieldTemplate.tsx
+++ b/plugins/scaffolder-react/src/next/components/Form/DescriptionFieldTemplate.tsx
@@ -24,17 +24,17 @@ import {
   StrictRJSFSchema,
 } from '@rjsf/utils';
 
-const useStyles = makeStyles({
+const useStyles = makeStyles(theme => ({
   markdownDescription: {
-    fontSize: '0.75rem',
+    fontSize: theme.typography.caption.fontSize,
     margin: 0,
-    marginTop: '5px',
-    color: 'rgba(0, 0, 0, 0.54)',
-    '& p:first-child': {
+    color: theme.palette.text.secondary,
+    '& :first-child': {
       margin: 0,
+      marginTop: '3px', // to keep the standard browser padding
     },
   },
-});
+}));
 
 /** The `DescriptionField` is the template to use to render the description of a field
  * @alpha