diff --git a/src/index.css b/src/index.css
index 8c5ee09..970d306 100644
--- a/src/index.css
+++ b/src/index.css
@@ -32,3 +32,7 @@ a:not([href="/"], :has(button)) {
text-decoration: dotted;
text-decoration-line: underline;
}
+
+.text {
+ white-space-collapse: preserve-breaks;
+}
diff --git a/src/page/profile.tsx b/src/page/profile.tsx
index 29c575a..3939e5b 100644
--- a/src/page/profile.tsx
+++ b/src/page/profile.tsx
@@ -3,6 +3,7 @@ import { Link, useParams } from "react-router-dom";
import { ProfileImage } from "../element/profile-image";
import { parseNostrLink } from "@snort/system";
import { LatestTorrents } from "../element/trending";
+import { Text } from "../element/text";
export function ProfilePage() {
const params = useParams();
@@ -25,7 +26,7 @@ export function ProfileSection({ pubkey }: { pubkey: string }) {
{profile?.about}
+