diff --git a/web/markdown/markdown-spoiler.react.js b/web/markdown/markdown-spoiler.react.js
--- a/web/markdown/markdown-spoiler.react.js
+++ b/web/markdown/markdown-spoiler.react.js
@@ -4,6 +4,8 @@
import type { ReactElement } from 'lib/shared/markdown';
+import css from './markdown.css';
+
type MarkdownSpoilerProps = {
+text: ReactElement,
};
@@ -11,7 +13,7 @@
function MarkdownSpoiler(props: MarkdownSpoilerProps): React.Node {
const { text } = props;
- return {text};
+ return {text};
}
const MemoizedMarkdownSpoiler: React.ComponentType = React.memo(
diff --git a/web/markdown/markdown.css b/web/markdown/markdown.css
--- a/web/markdown/markdown.css
+++ b/web/markdown/markdown.css
@@ -76,3 +76,9 @@
div.darkBackground a {
color: white;
}
+
+span.spoiler {
+ background: #33332c;
+ color: #33332c;
+ cursor: pointer;
+}