diff --git a/ui/src/Components/SilenceModal/SilencePreview/__snapshots__/index.test.js.snap b/ui/src/Components/SilenceModal/SilencePreview/__snapshots__/index.test.js.snap
index a70beda82..b325ca1d5 100644
--- a/ui/src/Components/SilenceModal/SilencePreview/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/SilenceModal/SilencePreview/__snapshots__/index.test.js.snap
@@ -2,17 +2,13 @@
exports[` matches snapshot 1`] = `
"
-
+
- This silence will match
-
- 3
-
- alerts
+ Unique alert label sets (without receiver) matching this silence.
-
- -
+
+ -
alertname: foo
@@ -23,7 +19,7 @@ exports[` matches snapshot 1`] = `
instance: foo1
- -
+
-
alertname: bar
@@ -34,7 +30,7 @@ exports[` matches snapshot 1`] = `
instance: bar1
- -
+
-
alertname: bar
diff --git a/ui/src/Components/SilenceModal/SilencePreview/index.js b/ui/src/Components/SilenceModal/SilencePreview/index.js
index ee83b4107..6f3144736 100644
--- a/ui/src/Components/SilenceModal/SilencePreview/index.js
+++ b/ui/src/Components/SilenceModal/SilencePreview/index.js
@@ -29,9 +29,9 @@ FetchError.propTypes = {
};
const Preview = ({ alertStore, labelsList }) => (
-
+
{labelsList.map(labels => (
- -
+
-
{Object.entries(labels).map(([name, value]) => (
-
+
{this.matchedAlerts.error !== null ? (
) : (
- This silence will match{" "}
- {this.matchedAlerts.alertLabels.length} alert
- {this.matchedAlerts.alertLabels.length > 1 ? "s" : ""}
+ Unique alert label sets (without receiver) matching this
+ silence.