diff --git a/web/apps/photos/public/locales/en-US/translation.json b/web/apps/photos/public/locales/en-US/translation.json
index b06336bf5..c0e5cd711 100644
--- a/web/apps/photos/public/locales/en-US/translation.json
+++ b/web/apps/photos/public/locales/en-US/translation.json
@@ -631,7 +631,7 @@
     "PAIR_WITH_PIN": "Pair with PIN",
     "CHOOSE_DEVICE_FROM_BROWSER": "Choose a cast-compatible device from the browser popup.",
     "PAIR_WITH_PIN_WORKS_FOR_ANY_LARGE_SCREEN_DEVICE": "Pair with PIN works for any large screen device you want to play your album on.",
-    "VISIT_CAST_ENTE_IO": "Visit cast.ente.io on the device you want to pair.",
+    "VISIT_CAST_ENTE_IO": "Visit <a>{{url}}</a> on the device you want to pair.",
     "CAST_AUTO_PAIR_FAILED": "Chromecast Auto Pair failed. Please try again.",
     "CACHE_DIRECTORY": "Cache folder",
     "FREEHAND": "Freehand",
diff --git a/web/apps/photos/src/components/Collections/CollectionOptions/AlbumCastDialog.tsx b/web/apps/photos/src/components/Collections/CollectionOptions/AlbumCastDialog.tsx
index 05384895f..894d2a194 100644
--- a/web/apps/photos/src/components/Collections/CollectionOptions/AlbumCastDialog.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionOptions/AlbumCastDialog.tsx
@@ -10,9 +10,10 @@ import { loadSender } from "@ente/shared/hooks/useCastSender";
 import { addLogLine } from "@ente/shared/logging";
 import castGateway from "@ente/shared/network/cast";
 import { logError } from "@ente/shared/sentry";
-import { Typography } from "@mui/material";
+import { Link, Typography } from "@mui/material";
 import { t } from "i18next";
 import { useEffect, useState } from "react";
+import { Trans } from "react-i18next";
 import { Collection } from "types/collection";
 import { v4 as uuidv4 } from "uuid";
 
@@ -220,7 +221,20 @@ export default function AlbumCastDialog(props: Props) {
             )}
             {view === "pin" && (
                 <>
-                    <Typography>{t("VISIT_CAST_ENTE_IO")}</Typography>
+                    <Typography>
+                        <Trans
+                            i18nKey="VISIT_CAST_ENTE_IO"
+                            components={{
+                                a: (
+                                    <Link
+                                        target="_blank"
+                                        href="https://cast.ente.io"
+                                    />
+                                ),
+                            }}
+                            values={{ url: "cast.ente.io" }}
+                        />
+                    </Typography>
                     <Typography>{t("ENTER_CAST_PIN_CODE")}</Typography>
                     <SingleInputForm
                         callback={onSubmit}
diff --git a/web/packages/shared/components/DialogBoxV2/types.ts b/web/packages/shared/components/DialogBoxV2/types.ts
index 939b7e58c..61c9173d6 100644
--- a/web/packages/shared/components/DialogBoxV2/types.ts
+++ b/web/packages/shared/components/DialogBoxV2/types.ts
@@ -2,7 +2,15 @@ import { ButtonProps } from "@mui/material";
 
 export interface DialogBoxAttributesV2 {
     icon?: React.ReactNode;
-    title?: string;
+    /**
+     * The dialog's title
+     *
+     * Usually this will be a string, but it can be any {@link ReactNode}. Note
+     * that it always gets wrapped in a Typography element to set the font
+     * style, so if your ReactNode wants to do its own thing, it'll need to
+     * reset or override these customizations.
+     */
+    title?: React.ReactNode;
     staticBackdrop?: boolean;
     nonClosable?: boolean;
     content?: any;