diff --git a/packages/components/src/api/beta_key/ListBetaKeys.ts b/packages/components/src/api/beta_key/ListBetaKeys.ts
index 367f3361ce..560a78dd88 100644
--- a/packages/components/src/api/beta_key/ListBetaKeys.ts
+++ b/packages/components/src/api/beta_key/ListBetaKeys.ts
@@ -38,6 +38,7 @@ export interface BetaKey {
   product: string;
   token: string;
   maybe_note?: string;
+  maybe_note_html?: string;
 }
 
 export interface ListBetaKeysRequest {}
diff --git a/packages/fakeyou.com/src/v2/view/pages/beta_key/BetaKeysListPage.tsx b/packages/fakeyou.com/src/v2/view/pages/beta_key/BetaKeysListPage.tsx
index 6eb54a3bd9..2a3b17e0f0 100644
--- a/packages/fakeyou.com/src/v2/view/pages/beta_key/BetaKeysListPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/beta_key/BetaKeysListPage.tsx
@@ -200,7 +200,8 @@ export default function BetaKeysListPage() {
       header: "Note",
       cell: info => {
         const note = info.getValue();
-        const { token } = info.row.original;
+        const { token, maybe_note_html } = info.row.original;
+
         // eslint-disable-next-line react-hooks/rules-of-hooks
         const [localNote, setLocalNote] = useState(note);
 
@@ -229,7 +230,12 @@ export default function BetaKeysListPage() {
           </div>
         ) : (
           <div className="d-flex gap-1 align-items-start note-cell">
-            <span className="me-3">{note || "-"}</span>
+            <span 
+              className="me-3" 
+              dangerouslySetInnerHTML={{
+                __html: maybe_note_html || "-",
+              }}
+            ></span>
             <Button
               label="Edit"
               onClick={() => handleEditStart(token, note || "")}