diff --git a/src/code-components/HighlightedText/HighLightedText.register.ts b/src/code-components/HighlightedText/HighLightedText.register.ts
index ce7af721..b42426ac 100644
--- a/src/code-components/HighlightedText/HighLightedText.register.ts
+++ b/src/code-components/HighlightedText/HighLightedText.register.ts
@@ -16,7 +16,8 @@ export function registerHighlightedText(
       },
       highlight: {
         type: "string",
-        description: "The substring to highlight (case insensitive)",
+        description:
+          'Substring to highlight (case insensitive). For multiple words, use a dynamic value with a string array, e.g. ["APE", "GME"].',
       },
       textClassName: {
         type: "class",
diff --git a/src/code-components/HighlightedText/HighlightedText.tsx b/src/code-components/HighlightedText/HighlightedText.tsx
index cb5f68e2..c24842ac 100644
--- a/src/code-components/HighlightedText/HighlightedText.tsx
+++ b/src/code-components/HighlightedText/HighlightedText.tsx
@@ -3,7 +3,7 @@ import Highlighter from "react-highlight-words";
 
 interface HighlightedTextProps {
   text: string;
-  highlight: string;
+  highlight: string | string[];
   textClassName?: string;
   highlightClassName?: string;
 }
@@ -14,10 +14,11 @@ export function HighlightedText({
   textClassName,
   highlightClassName,
 }: HighlightedTextProps) {
+  const searchWords = Array.isArray(highlight) ? highlight : [highlight];
   return (
     <span className={textClassName}>
       <Highlighter
-        searchWords={[highlight]}
+        searchWords={searchWords}
         textToHighlight={text}
         highlightClassName={highlightClassName}
         caseSensitive={false}