diff --git a/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.scss b/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.scss
index 087a661fa7..3ea26e3d48 100644
--- a/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.scss
+++ b/tensorboard/webapp/metrics/views/right_pane/saving_pins_checkbox_component.scss
@@ -24,7 +24,7 @@ mat-checkbox {
   // with other items in the pane.
   margin-left: -11px;
 
-  ::ng-deep label {
+  ::ng-deep .mdc-label {
     @include tb_theme.tb-theme-foreground-prop(color, secondary-text);
     font-size: 12px;
     letter-spacing: normal;
diff --git a/tensorboard/webapp/metrics/views/right_pane/settings_view_component.scss b/tensorboard/webapp/metrics/views/right_pane/settings_view_component.scss
index 4212a92972..804ec007ca 100644
--- a/tensorboard/webapp/metrics/views/right_pane/settings_view_component.scss
+++ b/tensorboard/webapp/metrics/views/right_pane/settings_view_component.scss
@@ -108,7 +108,7 @@ mat-checkbox {
   // with other items in the pane.
   margin-left: -11px;
 
-  ::ng-deep label {
+  ::ng-deep .mdc-label {
     @include tb_theme.tb-theme-foreground-prop(color, secondary-text);
     font-size: 12px;
     letter-spacing: normal;
diff --git a/tensorboard/webapp/widgets/data_table/filter_dialog_component.scss b/tensorboard/webapp/widgets/data_table/filter_dialog_component.scss
index f109b4f0cb..db15cd9779 100644
--- a/tensorboard/webapp/widgets/data_table/filter_dialog_component.scss
+++ b/tensorboard/webapp/widgets/data_table/filter_dialog_component.scss
@@ -80,7 +80,7 @@ limitations under the License.
   ::ng-deep {
     mat-checkbox,
     .mdc-form-field,
-    label {
+    .mdc-label {
       width: 100%;
     }
   }