diff --git a/src/components/atoms/ReadMore/index.tsx b/src/components/atoms/ReadMore/index.tsx
new file mode 100644
index 0000000..6d7d75d
--- /dev/null
+++ b/src/components/atoms/ReadMore/index.tsx
@@ -0,0 +1,21 @@
+"use client";
+import { FC, useState } from "react";
+
+type Props = {
+  text: string;
+};
+
+export const ReadMore: FC<Props> = ({ text }) => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <p
+      className={`${
+        isOpen ? "line-clamp-none" : "line-clamp-2"
+      } hover:text-accent`}
+      onClick={() => setIsOpen(!isOpen)}
+    >
+      {text}
+    </p>
+  );
+};