diff --git a/tensorboard/webapp/widgets/dropdown/dropdown_component.scss b/tensorboard/webapp/widgets/dropdown/dropdown_component.scss index 516fad2bfc..1d0b7c1b18 100644 --- a/tensorboard/webapp/widgets/dropdown/dropdown_component.scss +++ b/tensorboard/webapp/widgets/dropdown/dropdown_component.scss @@ -32,8 +32,9 @@ mat-select:focus { max-width: 70vw; } -.tb-mat-option { - // Overrides Angular Material's fixed height. +// This selector needs relatively more specificity than Angular Material's +// to override the fixed height. +::ng-deep mat-option.mat-option { height: auto; } diff --git a/tensorboard/webapp/widgets/dropdown/dropdown_component.ts b/tensorboard/webapp/widgets/dropdown/dropdown_component.ts index 2bb7238523..64a71eb2c2 100644 --- a/tensorboard/webapp/widgets/dropdown/dropdown_component.ts +++ b/tensorboard/webapp/widgets/dropdown/dropdown_component.ts @@ -35,7 +35,6 @@ export interface DropdownOption { >