diff --git a/src/components/diff-view.jsx b/src/components/diff-view.jsx
index 40943fd9..3794c413 100644
--- a/src/components/diff-view.jsx
+++ b/src/components/diff-view.jsx
@@ -127,7 +127,7 @@ export default class DiffView extends React.Component {
     //     (page: Page) => page.uuid === pageId);
     // Promise.resolve(fromList || this.context.api.getDiff(pageId, aId, bId, changeDiffTypes[diffType]))
     this.setState({diffData: null});
-    this.context.api.getDiff(pageId, aId, bId, diffTypes[diffType].diffService)
+    this.context.api.getDiff(pageId, aId, bId, diffTypes[diffType].diffService, diffTypes[diffType].options)
       .catch(error => {
         return error;
       })
diff --git a/src/components/inline-rendered-diff.jsx b/src/components/inline-rendered-diff.jsx
index 8b9618c5..879de715 100644
--- a/src/components/inline-rendered-diff.jsx
+++ b/src/components/inline-rendered-diff.jsx
@@ -16,9 +16,11 @@ import SandboxedHtml from './sandboxed-html';
  */
 export default class InlineRenderedDiff extends React.Component {
   render () {
+    const diff = this.props.diffData.combined || this.props.diffData.diff;
+
     return (
       <div className="inline-render">
-        <SandboxedHtml html={this.props.diffData.diff} baseUrl={this.props.page.url} />
+        <SandboxedHtml html={diff} baseUrl={this.props.page.url} />
       </div>
     );
   }
diff --git a/src/components/side-by-side-rendered-diff.jsx b/src/components/side-by-side-rendered-diff.jsx
index 9932182f..e457be48 100644
--- a/src/components/side-by-side-rendered-diff.jsx
+++ b/src/components/side-by-side-rendered-diff.jsx
@@ -19,17 +19,27 @@ const showAdditions = showType.bind(null, 'additions');
  */
 export default class SideBySideRenderedDiff extends React.Component {
   render () {
+    // The newest version of this diff includes separate, more accurate
+    // versions to show for each side, but the old one needs transformations.
+    // TODO: remove this transforms business when new diffs are fully deployed.
+    let transformDeletions = (x) => x;
+    let transformInsertions = transformDeletions;
+    if (!this.props.diffData.deletions) {
+      transformDeletions = showRemovals;
+      transformInsertions = showAdditions;
+    }
+
     return (
       <div className="side-by-side-render">
         <SandboxedHtml
-          html={this.props.diffData.diff}
+          html={this.props.diffData.deletions || this.props.diffData.diff}
           baseUrl={this.props.page.url}
-          transform={showRemovals}
+          transform={transformDeletions}
         />
         <SandboxedHtml
-          html={this.props.diffData.diff}
+          html={this.props.diffData.insertions || this.props.diffData.diff}
           baseUrl={this.props.page.url}
-          transform={showAdditions}
+          transform={transformInsertions}
         />
       </div>
     );
diff --git a/src/constants/diff-types.js b/src/constants/diff-types.js
index e4805c10..3fd05a05 100644
--- a/src/constants/diff-types.js
+++ b/src/constants/diff-types.js
@@ -13,7 +13,8 @@ export const diffTypes = {
   },
   SIDE_BY_SIDE_RENDERED: {
     description: 'Side-by-Side Rendered',
-    diffService: 'html_token'
+    diffService: 'html_token',
+    options: {include: 'all'}
   },
   OUTGOING_LINKS: {
     description: 'Outgoing Links',
diff --git a/src/services/web-monitoring-db.js b/src/services/web-monitoring-db.js
index d0d31280..7030cfc5 100644
--- a/src/services/web-monitoring-db.js
+++ b/src/services/web-monitoring-db.js
@@ -226,8 +226,9 @@ export default class WebMonitoringDb {
      * @param {string} diffType
      * @returns {Promise<DiffData>}
      */
-  getDiff (pageId, aId, bId, diffType) {
-    return this._request(this._createUrl(`pages/${pageId}/changes/${aId}..${bId}/diff/${diffType}`, {format: 'json'}))
+  getDiff (pageId, aId, bId, diffType, options) {
+    const query = Object.assign({format: 'json'}, options);
+    return this._request(this._createUrl(`pages/${pageId}/changes/${aId}..${bId}/diff/${diffType}`, query))
       .then(response => response.json())
       .then(throwIfError('Could not load diff'))
       .then(data => parseDiff(data.data));