diff --git a/src/components/common/messaging/embed/EmbedSpoiler.tsx b/src/components/common/messaging/embed/EmbedSpoiler.tsx
index 6d8464f6..82a71a56 100644
--- a/src/components/common/messaging/embed/EmbedSpoiler.tsx
+++ b/src/components/common/messaging/embed/EmbedSpoiler.tsx
@@ -1,11 +1,16 @@
 import classNames from "classnames";
+import { useState } from "preact/hooks";
 import { API } from "revolt.js";
 import styles from "./Embed.module.scss";
 
+
 export default function EmbedSpoiler(){
+    
+    const [visible, setVisible] = useState(true);
+
     return (
-    <div className={classNames(styles.spoiler_container)}>
+    <div className={classNames(styles.spoiler_container, visible ? null : styles.hidden)} onClick={() => setVisible(!visible)}>
         <h1 className={classNames(styles.spoiler_title)}>SPOILER</h1>
     </div>
     );
-}
\ No newline at end of file
+}