1 files changed, 29 insertions, 33 deletions

diff --git a/frontend/src/pages/About.tsx b/frontend/src/pages/About.tsx
index a8b7826..7802d75 100644
--- a/frontend/src/pages/About.tsx
+++ b/frontend/src/pages/About.tsx
@@ -1,40 +1,36 @@
-import React from 'react';
-import ReactMarkdown from 'react-markdown';
-import { Helmet } from 'react-helmet';
-
-import '@css/About.css';
+import React from "react";
+import ReactMarkdown from "react-markdown";
+import { Helmet } from "react-helmet";
 
 const About: React.FC = () => {
+  const [aboutText, setAboutText] = React.useState<string>("");
 
-    const [aboutText, setAboutText] = React.useState<string>("");
-
-    React.useEffect(() => {
-        const fetchReadme = async () => {
-            try {
-                const response = await fetch(
-                    'https://raw.githubusercontent.com/pektezol/lphub/main/README.md'
-                );
-                if (!response.ok) {
-                    throw new Error('Failed to fetch README');
-                }
-                const readmeText = await response.text();
-                setAboutText(readmeText);
-            } catch (error) {
-                console.error('Error fetching README:', error);
-            }
-        };
-        fetchReadme();
-    }, []);
-
+  React.useEffect(() => {
+    const fetchReadme = async () => {
+      try {
+        const response = await fetch(
+          "https://raw.githubusercontent.com/pektezol/lphub/main/README.md"
+        );
+        if (!response.ok) {
+          throw new Error("Failed to fetch README");
+        }
+        const readmeText = await response.text();
+        setAboutText(readmeText);
+      } catch (error) {
+        console.error("Error fetching README:", error);
+      }
+    };
+    fetchReadme();
+  }, []);
 
-    return (
-        <div id="about">
-            <Helmet>
-                <title>LPHUB | About</title>
-            </Helmet>
-            <ReactMarkdown>{aboutText}</ReactMarkdown>
-        </div>
-    );
+  return (
+    <div className="ml-16 p-8 text-foreground font-[--font-barlow-semicondensed-regular] prose prose-invert max-w-none">
+      <Helmet>
+        <title>LPHUB | About</title>
+      </Helmet>
+      <ReactMarkdown className={"overflow-auto"}>{aboutText}</ReactMarkdown>
+    </div>
+  );
 };
 
 export default About;