diff --git a/components/PartyDetails/index.scss b/components/PartyDetails/index.scss
index 5fc40f84..6d1e0e43 100644
--- a/components/PartyDetails/index.scss
+++ b/components/PartyDetails/index.scss
@@ -58,6 +58,7 @@
 
     &.ReadOnly {
       line-height: 1.4;
+      white-space: pre-wrap;
 
       &.Visible {
         display: block;
diff --git a/components/PartyDetails/index.tsx b/components/PartyDetails/index.tsx
index 5b94f1fc..84fe60c3 100644
--- a/components/PartyDetails/index.tsx
+++ b/components/PartyDetails/index.tsx
@@ -336,7 +336,9 @@ const PartyDetails = (props: Props) => {
   )
 
   const readOnly = (
-    <section className={readOnlyClasses}>{embeddedDescription}</section>
+    <section className={readOnlyClasses}>
+      <Linkify>{embeddedDescription}</Linkify>
+    </section>
   )
 
   return (