diff --git a/visualization/app/codeCharta/ui/metricChooser/metricChooser.component.html b/visualization/app/codeCharta/ui/metricChooser/metricChooser.component.html
index 28461d77d9..254770fe26 100644
--- a/visualization/app/codeCharta/ui/metricChooser/metricChooser.component.html
+++ b/visualization/app/codeCharta/ui/metricChooser/metricChooser.component.html
@@ -1,7 +1,7 @@
 <mat-select
 	[panelClass]="'cc-metric-chooser'"
 	[value]="selectedMetricName"
-	(selectionChange)="handleMetricChanged($event.value)"
+	(selectionChange)="handleMetricChanged($event.value); onChange()"
 	(openedChange)="handleOpenedChanged($event)"
 	[disabled]="isDisabled"
 >
diff --git a/visualization/app/codeCharta/ui/metricChooser/metricChooser.component.ts b/visualization/app/codeCharta/ui/metricChooser/metricChooser.component.ts
index 3924d267a4..f89364f998 100644
--- a/visualization/app/codeCharta/ui/metricChooser/metricChooser.component.ts
+++ b/visualization/app/codeCharta/ui/metricChooser/metricChooser.component.ts
@@ -39,6 +39,9 @@ export class MetricChooserComponent implements OnInit {
 		} else {
 			this.searchTerm = ""
 		}
+	}
+
+	onChange() {
 		if (this.callback) {
 			this.callback()
 		}