diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less
index 96b8e7cde..5c829cec4 100644
--- a/customize.dist/src/less2/include/alertify.less
+++ b/customize.dist/src/less2/include/alertify.less
@@ -166,6 +166,9 @@
                     color: @cryptpad_text_col;
                     text-decoration: underline;
                 }
+                pre.cp-link-preview {
+                    color: @cryptpad_text_col;
+                }
                 .cp-info-menu-container {
                     .logo-block {
                         text-align: center;
diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index f77a9d422..05b27f055 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -3064,7 +3064,7 @@ define([
 
         var content = h('div', [
             UI.setHTML(h('p'), Messages._getKey('notification_openLink', [name, user])),
-            h('pre', url),
+            h('pre.cp-link-preview', url),
             UIElements.getVerifiedFriend(common, data.curve, user)
         ]);
         var clicked = false;