diff --git a/web-app/src/components/Markdown/style.css b/web-app/src/components/Markdown/style.css index b4ca72ca..29a81c0f 100644 --- a/web-app/src/components/Markdown/style.css +++ b/web-app/src/components/Markdown/style.css @@ -186,3 +186,7 @@ pre tt { background-color: transparent; border: none; } + +.coderoad-markdown > p { + margin-bottom: 0.5rem; +} diff --git a/web-app/stories/Step.stories.tsx b/web-app/stories/Step.stories.tsx index 463bd290..b8b58a1c 100644 --- a/web-app/stories/Step.stories.tsx +++ b/web-app/stories/Step.stories.tsx @@ -6,7 +6,7 @@ import Step from '../src/containers/Tutorial/components/Step' import SideBarDecorator from './utils/SideBarDecorator' const stepText = - 'This is a long paragraph of step text intended to wrap around the side after a short period of writing to demonstrate text wrap among other things' + 'This is a long paragraph of step text intended to wrap around the side after a short period of writing to demonstrate text wrap among other things\n\nIt has a second paragraph' const paragraphText = ` ### Code