diff --git a/daily-thought-frontend/src/components/post/HiddenPost.tsx b/daily-thought-frontend/src/components/post/HiddenPost.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..936303d8576326408ba32e25262d591a4273c484
--- /dev/null
+++ b/daily-thought-frontend/src/components/post/HiddenPost.tsx
@@ -0,0 +1,25 @@
+import { FC, PropsWithChildren } from "react";
+import styles from "../../styles/HiddenPost.module.css"
+import { BsEyeSlash } from 'react-icons/bs';
+
+type HiddenPostProps ={
+  UserColors: string[];
+}
+
+const HiddenPost: FC<PropsWithChildren<HiddenPostProps>> = ({
+  UserColors
+}) => {
+  const shuffledColors = UserColors.sort((a: string, b: string) => 0.5 - Math.random());
+
+  return (
+    <div className={styles.hiddenCard}>
+      <div className={styles.hiddenCardContent}>
+        <BsEyeSlash size={50}/>
+        <p className={styles.title}>Post Hidden</p>
+        <p className={styles.text}>Post a thought to view</p>
+      </div>
+    </div>
+  )
+}
+
+export default HiddenPost;