diff --git a/src/renderer/scss/all.scss b/src/renderer/scss/all.scss
index ab9b445d879..0055ca6d01b 100644
--- a/src/renderer/scss/all.scss
+++ b/src/renderer/scss/all.scss
@@ -17,6 +17,7 @@
 @import 'component/_snack-bar.scss';
 @import 'component/_content.scss';
 @import 'component/_pagination.scss';
+@import 'component/_markdown-preview.scss';
 @import 'component/_markdown-editor.scss';
 @import 'component/_scrollbar.scss';
 @import 'component/_spinner.scss';
diff --git a/src/renderer/scss/component/_markdown-preview.scss b/src/renderer/scss/component/_markdown-preview.scss
new file mode 100644
index 00000000000..51ed84cbf30
--- /dev/null
+++ b/src/renderer/scss/component/_markdown-preview.scss
@@ -0,0 +1,50 @@
+.markdown-preview {
+  margin: 0;
+}
+
+.markdown-preview__title {
+  font-family: 'metropolis-semibold';
+  font-size: 1.35em;
+  margin: 16px 0;
+}
+
+.markdown-preview blockquote {
+  padding: 8px;
+  margin: 16px 0;
+  color: var(--color-help);
+  border-left: 2px solid var(--color-help);
+  background-color: var(--color-bg-alt);
+}
+
+.markdown-preview table {
+  padding: 8px;
+  margin: 16px 0;
+  background-color: var(--card-bg);
+
+  tr td,
+  tr th,
+  tr td:first-of-type,
+  tr th:first-of-type,
+  tr td:last-of-type,
+  tr th:last-of-type {
+    padding: 8px;
+  }
+}
+
+.markdown-preview code {
+  display: block;
+  padding: 8px;
+  margin: 16px 0;
+  background-color: var(--color-bg-alt);
+  color: var(--color-help);
+  font-size: 1em;
+  font-family: Consolas, 'Lucida Console', 'Source Sans', monospace;
+}
+
+.markdown-preview hr {
+  border: 1px solid var(--color-divider);
+}
+
+.markdown-preview del {
+  color: var(--color-help);
+}