diff --git a/lib/docs/filters/react/clean_html_react_dev.rb b/lib/docs/filters/react/clean_html_react_dev.rb
index 77c2ae9f..28cff5a4 100644
--- a/lib/docs/filters/react/clean_html_react_dev.rb
+++ b/lib/docs/filters/react/clean_html_react_dev.rb
@@ -34,6 +34,7 @@ module Docs
         class_transform = {
           '.expandable-callout[class*=yellow]' => 'note note-orange', # pitfalls, experimental
           '.expandable-callout[class*=green]' => 'note note-green', # note
+          '.expandable-callout[class*=gray]' => 'note', # canary
           '.bg-card' => 'note', # you will learn
           'details' => 'note note-blue' # deep dive
         }