From c342c27508639f86d183bde6be1bef81191ee415 Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Tue, 29 Dec 2020 01:37:57 +0200
Subject: [PATCH] Apply Markdown styles for preview

---
 src/components/Widgets/MarkdownEditorWidget.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Widgets/MarkdownEditorWidget.tsx b/src/components/Widgets/MarkdownEditorWidget.tsx
index 70ee954..07a3a89 100644
--- a/src/components/Widgets/MarkdownEditorWidget.tsx
+++ b/src/components/Widgets/MarkdownEditorWidget.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import styled from "styled-components";
 import ReactMde from "react-mde";
-import ReactMarkdown from "react-markdown";
 import { WidgetProps } from "react-jsonschema-form";
+import MarkdownStyles from "@views/common/MarkdownStyles";
 import "./MarkdownEditorWidget.scss"
 
 type MarkdownEditorWidgetProps = Omit<WidgetProps, "options"> & {
@@ -28,7 +28,7 @@ const MarkdownEditorWidget: React.FC<MarkdownEditorWidgetProps> = ({ value, onCh
         selectedTab={selectedTab}
         onTabChange={setSelectedTab}
         generateMarkdownPreview={markdown =>
-          Promise.resolve(<ReactMarkdown source={markdown} />)
+          Promise.resolve(<MarkdownStyles source={markdown} />)
         }
       />
     </Container>