diff --git a/public/app/features/alerting/unified/components/rules/RuleDetailsMatchingInstances.tsx b/public/app/features/alerting/unified/components/rules/RuleDetailsMatchingInstances.tsx
index b8162030af5..7a7e5d8b22c 100644
--- a/public/app/features/alerting/unified/components/rules/RuleDetailsMatchingInstances.tsx
+++ b/public/app/features/alerting/unified/components/rules/RuleDetailsMatchingInstances.tsx
@@ -44,20 +44,21 @@ interface ShowMoreInstancesProps {
function ShowMoreInstances({ stats, onClick, href }: ShowMoreInstancesProps) {
const styles = useStyles2(getStyles);
+ const { visibleItemsCount, totalItemsCount } = stats;
return (
- Showing {'{{visibleItems}}'} out of {'{{totalItems}}'} instances
+ Showing {{ visibleItemsCount }} out of {{ totalItemsCount }} instances
-
- Show all {'{{totalItems}}'} alert instances
+
+ Show all {{ totalItemsCount }} alert instances
diff --git a/public/locales/en-US/grafana.json b/public/locales/en-US/grafana.json
index cc056e38526..1eb2c98e9ef 100644
--- a/public/locales/en-US/grafana.json
+++ b/public/locales/en-US/grafana.json
@@ -2334,9 +2334,8 @@
"label-tenant-sources": "Tenant sources"
},
"rule-details-matching-instances": {
- "button-show-all_one": "Show all {{totalItems}} alert instances",
- "button-show-all_other": "Show all {{totalItems}} alert instances",
- "showing-count": "Showing {{visibleItems}} out of {{totalItems}} instances"
+ "button-show-all": "Show all {{totalItemsCount}} alert instances",
+ "showing-count": "Showing {{visibleItemsCount}} out of {{totalItemsCount}} instances"
},
"rule-editor": {
"get-content": {