diff --git a/ui/src/Components/SilenceModal/SilenceModalContent.test.js b/ui/src/Components/SilenceModal/SilenceModalContent.test.js
index 5f1136be0..c964cc017 100644
--- a/ui/src/Components/SilenceModal/SilenceModalContent.test.js
+++ b/ui/src/Components/SilenceModal/SilenceModalContent.test.js
@@ -2,6 +2,8 @@ import React from "react";
import { mount } from "enzyme";
+import toDiffableHtml from "diffable-html";
+
import { MockThemeContext } from "__mocks__/Theme";
import { AlertStore } from "Stores/AlertStore";
import { Settings } from "Stores/Settings";
@@ -145,7 +147,7 @@ describe(" Editor", () => {
it("renders SilenceSubmitController when silenceFormStore.data.currentStage is 'Submit'", () => {
silenceFormStore.data.currentStage = SilenceFormStage.Submit;
const tree = MountedSilenceModalContent();
- expect(tree.html()).toMatchSnapshot();
+ expect(toDiffableHtml(tree.html())).toMatchSnapshot();
});
});
diff --git a/ui/src/Components/SilenceModal/__snapshots__/SilenceModalContent.test.js.snap b/ui/src/Components/SilenceModal/__snapshots__/SilenceModalContent.test.js.snap
index cce360396..91e9ffb9a 100644
--- a/ui/src/Components/SilenceModal/__snapshots__/SilenceModalContent.test.js.snap
+++ b/ui/src/Components/SilenceModal/__snapshots__/SilenceModalContent.test.js.snap
@@ -1,3 +1,52 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[` Editor renders SilenceSubmitController when silenceFormStore.data.currentStage is 'Submit' 1`] = `"
"`;
+exports[` Editor renders SilenceSubmitController when silenceFormStore.data.currentStage is 'Submit' 1`] = `
+"
+
+
+"
+`;