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>