From dffa3ed5068fa1ff94d81f560cfd191c6cc1ec98 Mon Sep 17 00:00:00 2001
From: Ehren Kret <ehren@signal.org>
Date: Wed, 17 Dec 2025 16:07:20 -0600
Subject: [PATCH] Fix styling of URLs in Group Description

---
 stylesheets/components/GroupDescription.scss | 22 ++++++++++++--------
 ts/components/GroupDescriptionText.dom.tsx   |  6 +++++-
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/stylesheets/components/GroupDescription.scss b/stylesheets/components/GroupDescription.scss
index e23b63c0e4..89619b05a3 100644
--- a/stylesheets/components/GroupDescription.scss
+++ b/stylesheets/components/GroupDescription.scss
@@ -11,15 +11,6 @@
     display: -webkit-box;
     overflow: hidden;
     user-select: text;
-
-    a {
-      @include mixins.light-theme {
-        color: variables.$color-gray-90;
-      }
-      @include mixins.dark-theme {
-        color: variables.$color-gray-02;
-      }
-    }
   }
 
   &__read-more {
@@ -30,3 +21,16 @@
     }
   }
 }
+
+.GroupDescriptionText {
+  a {
+    text-decoration: underline;
+
+    @include mixins.light-theme {
+      color: variables.$color-gray-90;
+    }
+    @include mixins.dark-theme {
+      color: variables.$color-gray-02;
+    }
+  }
+}
diff --git a/ts/components/GroupDescriptionText.dom.tsx b/ts/components/GroupDescriptionText.dom.tsx
index bc521fa99e..fb8e2383b2 100644
--- a/ts/components/GroupDescriptionText.dom.tsx
+++ b/ts/components/GroupDescriptionText.dom.tsx
@@ -20,5 +20,9 @@ const renderNonNewLine: RenderTextCallbackType = ({ key, text }) => (
 );
 
 export function GroupDescriptionText({ text }: PropsType): JSX.Element {
-  return <AddNewLines text={text} renderNonNewLine={renderNonNewLine} />;
+  return (
+    <div className="GroupDescriptionText">
+      <AddNewLines text={text} renderNonNewLine={renderNonNewLine} />
+    </div>
+  );
 }