diff --git a/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html b/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html
index 00792193c..fdf4f4b27 100644
--- a/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html
+++ b/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html
@@ -9,7 +9,7 @@
             <mat-icon *ngIf="!first" svgIcon="iqser:arrow-right"></mat-icon>
 
             <a
-                [routerLinkActiveOptions]="breadcrumb.routerLinkActiveOptions ?? { exact: false }"
+                [routerLinkActiveOptions]="breadcrumb.routerLinkActiveOptions || { exact: false }"
                 [routerLink]="breadcrumb.routerLink"
                 class="breadcrumb"
                 routerLinkActive="active"
diff --git a/apps/red-ui/src/app/modules/shared/components/select/select.component.html b/apps/red-ui/src/app/modules/shared/components/select/select.component.html
index b10177749..7145ff402 100644
--- a/apps/red-ui/src/app/modules/shared/components/select/select.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/select/select.component.html
@@ -1,11 +1,11 @@
 <div class="label-header">
     <div class="all-caps-label">{{ label }}</div>
     <div class="actions">
-        <div (click)="selectAll($event)" class="all-caps-label primary pointer" [class.disabled]="disabled" translate="actions.all"></div>
+        <div (click)="selectAll($event)" [class.disabled]="disabled" class="all-caps-label primary pointer" translate="actions.all"></div>
         <div
             (click)="deselectAll($event)"
-            class="all-caps-label primary pointer"
             [class.disabled]="disabled"
+            class="all-caps-label primary pointer"
             translate="actions.none"
         ></div>
     </div>
@@ -20,8 +20,8 @@
         [value]="valueMapper(option)"
     >
         <ng-container
-            [ngTemplateOutlet]="optionTemplate ?? defaultOptionTemplate"
             [ngTemplateOutletContext]="{ option: option }"
+            [ngTemplateOutlet]="optionTemplate || defaultOptionTemplate"
         ></ng-container>
     </mat-chip>
 </mat-chip-list>
diff --git a/apps/red-ui/src/app/modules/shared/components/select/select.component.ts b/apps/red-ui/src/app/modules/shared/components/select/select.component.ts
index 6344482e5..b2e107977 100644
--- a/apps/red-ui/src/app/modules/shared/components/select/select.component.ts
+++ b/apps/red-ui/src/app/modules/shared/components/select/select.component.ts
@@ -15,7 +15,7 @@ import { MatChip, MatChipList, MatChipSelectionChange } from '@angular/material/
     ],
 })
 export class SelectComponent implements AfterViewInit, ControlValueAccessor {
-    @Input() optionTemplate: TemplateRef<any>;
+    @Input() optionTemplate?: TemplateRef<unknown>;
     @Input() label: string;
     @Input() options: any[];
     @Input() disabled = false;
@@ -26,10 +26,10 @@ export class SelectComponent implements AfterViewInit, ControlValueAccessor {
     private _value: any[] = [];
     private _onChange: (value: any[]) => void;
 
-    @Input() valueMapper: (option: any) => any = option => option.key;
-
     constructor(private readonly _changeDetector: ChangeDetectorRef) {}
 
+    @Input() valueMapper: (option: any) => any = option => option.key;
+
     ngAfterViewInit(): void {
         setTimeout(() => {
             this._selectChips(this._value);
diff --git a/apps/red-ui/src/app/services/breadcrumbs.service.ts b/apps/red-ui/src/app/services/breadcrumbs.service.ts
index 6dd0d9cae..118d0a754 100644
--- a/apps/red-ui/src/app/services/breadcrumbs.service.ts
+++ b/apps/red-ui/src/app/services/breadcrumbs.service.ts
@@ -13,7 +13,7 @@ export type RouterLinkActiveOptions = { exact: boolean } | IsActiveMatchOptions;
 export interface Breadcrumb {
     readonly name$: Observable<string>;
     readonly routerLink?: string[];
-    readonly routerLinkActiveOptions?: RouterLinkActiveOptions;
+    readonly routerLinkActiveOptions?: RouterLinkActiveOptions | undefined;
 }
 
 export type Breadcrumbs = List<Breadcrumb>;