diff --git a/client/src/components/HistoryViewer/HistoryViewer.scss b/client/src/components/HistoryViewer/HistoryViewer.scss
index 19fd0919..fa15721d 100644
--- a/client/src/components/HistoryViewer/HistoryViewer.scss
+++ b/client/src/components/HistoryViewer/HistoryViewer.scss
@@ -167,7 +167,17 @@
     .form-check-label {
       text-transform: none;
     }
+  }
+}
+
+.history-viewer__version-detail-diff {
+  del {
+    color: #f44;
+  }
 
+  ins {
+    background-color: #dfd;
+    text-decoration: none;
   }
 }
 
diff --git a/src/Forms/DiffTransformation.php b/src/Forms/DiffTransformation.php
index 560efe3b..01c6a7c1 100644
--- a/src/Forms/DiffTransformation.php
+++ b/src/Forms/DiffTransformation.php
@@ -110,7 +110,7 @@ public function transform(FormField $field)
                 Diff::compareHTML($field->Value(), isset($this->data[$name]) ? $this->data[$name] : '')
             );
 
-            $diffField->addExtraClass($field->extraClass());
+            $diffField->addExtraClass($field->extraClass() . " history-viewer__version-detail-diff");
             $diffField->setDescription($field->getDescription());
 
             return $diffField;