diff --git a/static/mermaid/mermaid.css b/static/mermaid/mermaid.css
index 769933f0af..1ca8f3dd9c 100644
--- a/static/mermaid/mermaid.css
+++ b/static/mermaid/mermaid.css
@@ -258,6 +258,9 @@ text.actor {
   font-family: 'trebuchet ms', verdana, arial;
   font-size: 14px;
 }
+.node.clickable {
+  cursor: pointer;
+}
 div.mermaidTooltip {
   position: absolute;
   text-align: center;
@@ -271,3 +274,4 @@ div.mermaidTooltip {
   pointer-events: none;
   z-index: 100;
 }
+
diff --git a/static/mermaid/mermaid.dark.css b/static/mermaid/mermaid.dark.css
index df49a4e118..507efb4ea5 100644
--- a/static/mermaid/mermaid.dark.css
+++ b/static/mermaid/mermaid.dark.css
@@ -260,6 +260,9 @@ text.actor {
   font-family: 'trebuchet ms', verdana, arial;
   font-size: 14px;
 }
+.node.clickable {
+  cursor: pointer;
+}
 div.mermaidTooltip {
   position: absolute;
   text-align: center;
diff --git a/static/mermaid/mermaid.forest.css b/static/mermaid/mermaid.forest.css
index ecfbe7fe22..ad432d59d8 100644
--- a/static/mermaid/mermaid.forest.css
+++ b/static/mermaid/mermaid.forest.css
@@ -338,6 +338,9 @@ svg .classLabel .label {
   font-family: 'trebuchet ms', verdana, arial;
   font-size: 14px;
 }
+.node.clickable {
+  cursor: pointer;
+}
 div.mermaidTooltip {
   position: absolute;
   text-align: center;