diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index b0dcd70ed..f6aa17892 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -854,6 +854,10 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
     margin-right: 1em;
 }
 
+.code-sample-wrapper .hljs {
+    transition: background-color linear 100ms;
+}
+
 .side-checkbox {
     display: flex;
     align-items: end;