Fix styling of URLs in Group Description

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;
+    }
+  }
+}

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>
+  );
 }