diff --git a/src/material-examples/select-custom-trigger/select-custom-trigger-example.html b/src/material-examples/select-custom-trigger/select-custom-trigger-example.html
index b8d7fe7ca306..9c6f8960bb31 100644
--- a/src/material-examples/select-custom-trigger/select-custom-trigger-example.html
+++ b/src/material-examples/select-custom-trigger/select-custom-trigger-example.html
@@ -3,7 +3,7 @@
{{toppings.value ? toppings.value[0] : ''}}
1" class="example-additional-selection">
- (+{{toppings.value.length - 1}} others)
+ (+{{toppings.value.length - 1}} {{toppings.value?.length === 2 ? 'other' : 'others'}})
{{topping}}
diff --git a/src/material-examples/select-panel-class/select-panel-class-example.ts b/src/material-examples/select-panel-class/select-panel-class-example.ts
index eb848aa8fd97..b93fefb5bd7f 100644
--- a/src/material-examples/select-panel-class/select-panel-class-example.ts
+++ b/src/material-examples/select-panel-class/select-panel-class-example.ts
@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import {Component, ViewEncapsulation} from '@angular/core';
import {FormControl} from '@angular/forms';
/**
@@ -8,6 +8,9 @@ import {FormControl} from '@angular/forms';
selector: 'select-panel-class-example',
templateUrl: 'select-panel-class-example.html',
styleUrls: ['select-panel-class-example.css'],
+ // Encapsulation has to be disabled in order for the
+ // component style to apply to the select panel.
+ encapsulation: ViewEncapsulation.None,
})
export class SelectPanelClassExample {
panelColor = new FormControl('red');