diff --git a/res/css/views/dialogs/_TermsDialog.pcss b/res/css/views/dialogs/_TermsDialog.pcss
index c5834b29871..99d7eb720b0 100644
--- a/res/css/views/dialogs/_TermsDialog.pcss
+++ b/res/css/views/dialogs/_TermsDialog.pcss
@@ -39,11 +39,3 @@ limitations under the License.
 .mx_TermsDialog_summary {
     padding-right: 10px;
 }
-
-.mx_TermsDialog_link {
-    display: inline-block;
-    mask-image: url("$(res)/img/external-link.svg");
-    background-color: $accent;
-    width: 10px;
-    height: 10px;
-}
diff --git a/src/components/views/dialogs/TermsDialog.tsx b/src/components/views/dialogs/TermsDialog.tsx
index ce697f1f1e2..ca2f674cb67 100644
--- a/src/components/views/dialogs/TermsDialog.tsx
+++ b/src/components/views/dialogs/TermsDialog.tsx
@@ -148,9 +148,8 @@ export default class TermsDialog extends React.PureComponent<ITermsDialogProps,
                         <td className="mx_TermsDialog_service">{serviceName}</td>
                         <td className="mx_TermsDialog_summary">{summary}</td>
                         <td>
-                            {termDoc[termsLang].name}
                             <ExternalLink rel="noreferrer noopener" target="_blank" href={termDoc[termsLang].url}>
-                                <span className="mx_TermsDialog_link" />
+                                {termDoc[termsLang].name}
                             </ExternalLink>
                         </td>
                         <td>