diff --git a/material.angular.io/src/app/pages/component-viewer/token-table.html b/material.angular.io/src/app/pages/component-viewer/token-table.html
index 3001fa4e2fda..8124b403f487 100644
--- a/material.angular.io/src/app/pages/component-viewer/token-table.html
+++ b/material.angular.io/src/app/pages/component-viewer/token-table.html
@@ -10,7 +10,7 @@
 
   <mat-form-field subscriptSizing="dynamic" appearance="outline">
     <mat-label>Filter by type</mat-label>
-    <mat-select (selectionChange)="typeFilter.set($event.value)">
+    <mat-select [value]="typeFilter()" (selectionChange)="typeFilter.set($event.value)">
       @for (type of types; track $index) {
         <mat-option [value]="type">{{type | titlecase}}</mat-option>
       }