diff --git a/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.ts b/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.ts
index e6e7766cdf..6ff9117601 100644
--- a/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.ts
+++ b/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.ts
@@ -28,7 +28,10 @@ import {
   selector: 'saving-pins-checkbox',
   template: `
     <div class="saving-pins-checkbox">
-      <mat-checkbox [checked]="isChecked" (click)="onCheckboxToggled.emit()"
+      <mat-checkbox
+        color="primary"
+        [checked]="isChecked"
+        (click)="onCheckboxToggled.emit()"
         >Enable saving pins (Scalars only)</mat-checkbox
       >
       <mat-icon