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