diff --git a/common/util/tiptap-spoiler.ts b/common/util/tiptap-spoiler.ts
index 5502da58..c8944a46 100644
--- a/common/util/tiptap-spoiler.ts
+++ b/common/util/tiptap-spoiler.ts
@@ -39,7 +39,7 @@ export const TiptapSpoiler = Mark.create<SpoilerOptions>({
   exitable: true,
   content: 'inline*',
 
-  priority: 200, // higher priority than other formatting so they go inside
+  priority: 1001, // higher priority than other formatting so they go inside
 
   addOptions() {
     return {
diff --git a/web/components/editor.tsx b/web/components/editor.tsx
index 5050a261..27e8ac45 100644
--- a/web/components/editor.tsx
+++ b/web/components/editor.tsx
@@ -343,7 +343,7 @@ export function RichContent(props: {
       TiptapSpoiler.configure({
         spoilerOpenClass: 'rounded-sm bg-greyscale-2 cursor-text',
         spoilerCloseClass:
-          'rounded-sm bg-greyscale-6 text-greyscale-6 cursor-pointer select-none',
+          'rounded-sm bg-greyscale-6 text-transparent [&_*]:invisible cursor-pointer select-none',
       }),
     ],
     content,