diff --git a/app/client/packages/design-system/widgets/src/components/Markdown/src/styles.module.css b/app/client/packages/design-system/widgets/src/components/Markdown/src/styles.module.css index ec054452d8..2c10c42ebf 100644 --- a/app/client/packages/design-system/widgets/src/components/Markdown/src/styles.module.css +++ b/app/client/packages/design-system/widgets/src/components/Markdown/src/styles.module.css @@ -117,4 +117,25 @@ margin-left: 0; border-left: var(--border-width-2) solid var(--color-bd-neutral); } + + /* Images in markdown should be responsive and have a max height of 540px. Border radius is the same as button border radius */ + img { + max-height: 540px; + border-radius: var(--border-radius-elevation-3); + object-fit: cover; + margin-top: var(--inner-spacing-1); + } + + [data-component="h1"]:first-child { + margin-block: var(--inner-spacing-4); + } + + p { + margin-block: var(--inner-spacing-1); + } + + :is(ul, ol) li:has(input[type="checkbox"]) { + list-style-type: none; + margin-left: 0; + } }