diff --git a/src/views/AlertDetails/AlertInfo/index.tsx b/src/views/AlertDetails/AlertInfo/index.tsx
index 9a561bdb..c9cdbccf 100644
--- a/src/views/AlertDetails/AlertInfo/index.tsx
+++ b/src/views/AlertDetails/AlertInfo/index.tsx
@@ -25,6 +25,7 @@ import {
     isTruthyString,
 } from '@togglecorp/fujs';
 
+import Link from '#components/Link';
 import {
     GetAreaAlertInfoQuery,
     GetAreaAlertInfoQueryVariables,
@@ -235,7 +236,15 @@ function AlertInfo(props: Props) {
                     />
                     <TextOutput
                         label={strings.alertInfoWeb}
-                        value={data?.web}
+                        value={isTruthyString(data?.web) && (
+                            <Link
+                                className={styles.alertInfoWebLink}
+                                href={data.web}
+                                external
+                            >
+                                {data.web}
+                            </Link>
+                        )}
                         strongValue
                     />
                     <TextOutput
diff --git a/src/views/AlertDetails/AlertMetadata/index.tsx b/src/views/AlertDetails/AlertMetadata/index.tsx
index 128d68aa..9953364a 100644
--- a/src/views/AlertDetails/AlertMetadata/index.tsx
+++ b/src/views/AlertDetails/AlertMetadata/index.tsx
@@ -8,8 +8,10 @@ import { useTranslation } from '@ifrc-go/ui/hooks';
 import {
     _cs,
     isFalsyString,
+    isTruthyString,
 } from '@togglecorp/fujs';
 
+import Link from '#components/Link';
 import { AlertDetailsQuery } from '#generated/types/graphql';
 
 import i18n from './i18n.json';
@@ -132,7 +134,15 @@ function AlertMetadata(props: Props) {
             <MetaOutput
                 valueClassName={styles.url}
                 label={strings.alertMetaDataURL}
-                value={data?.url}
+                value={isTruthyString(data?.url) && (
+                    <Link
+                        className={styles.alertMetaDataUrl}
+                        href={data.url}
+                        external
+                    >
+                        {data.url}
+                    </Link>
+                )}
             />
             <MetaOutput
                 valueClassName={styles.references}