[Addon: Notes] - V5 - Weird formatting occurs when using markdown code snippet (```code```)

Describe the bug When using markdown with the notes addon, in version 5.x, special characters are showing abnormal spacing.

To Reproduce Steps to reproduce the behavior:

1. Follow the directions to add notes to the storybook project
2. add a markdown file or include markdown in your ts file (This markdown should include code snippets using tacs 3 tacs(`) code and then another 3 tacs(`)
3. in the configuration, add - notes: someMarkdownHere
4. run storybook and look to the notes section

Expected behavior I should be able to go to the notes section and see a correctly formatted code snippet

Screenshots What is currently being shown:

What should be shown:

Code snippets

See markdown below (remove slashes next to ticks):

# Component name

Component description

## Installation

directions:

/`/`/`
npm install --save libaryname
/`/`/`

## Usage

html snippet
/`/`/`
<component-a
    [x]="x value goes here"
    [y]="y value goes here"
    [z]="z value goes here"
</component-a>
/`/`/`

System:

• Browser: [chrome, firefox (havee not checked ie)]
• Framework: [Angular (but may not be specific to Angular)]
• Addons: [addon-notes, addon-knobs, addon-a11y, addon-viewport, addon-actions]
• Version: [5.0.0-beta.3]

Additional context I have run the markdown files through several MD checkers and they are valid so I think I have ruled out user error on this one.

[ndelangen]

I’ll pick this up

[tmeasday]

@CodeByAlex I think the area we render the code in changed? I’m not really sure TBH, I am just trying to triage it at this point 😃