diff --git a/frontend/appflowy_web_app/src/components/editor/components/blocks/link-preview/LinkPreview.tsx b/frontend/appflowy_web_app/src/components/editor/components/blocks/link-preview/LinkPreview.tsx
index 10c5df30c9..aa8f14bd77 100644
--- a/frontend/appflowy_web_app/src/components/editor/components/blocks/link-preview/LinkPreview.tsx
+++ b/frontend/appflowy_web_app/src/components/editor/components/blocks/link-preview/LinkPreview.tsx
@@ -55,7 +55,9 @@ export const LinkPreview = memo(
               </div>
             </div>
           ) : (
-            node.data.url
+            <a href={node.data.url} className={'text-content-blue-400 underline'} target={'blank'}>
+              {node.data.url}
+            </a>
           )}
         </div>
         <div ref={ref} className={'absolute left-0 top-0 h-full w-full caret-transparent'}>