diff --git a/UI/Web/src/app/user-settings/user-preferences/user-preferences.component.html b/UI/Web/src/app/user-settings/user-preferences/user-preferences.component.html
index 77cee3e9a..0e2dd65a5 100644
--- a/UI/Web/src/app/user-settings/user-preferences/user-preferences.component.html
+++ b/UI/Web/src/app/user-settings/user-preferences/user-preferences.component.html
@@ -109,7 +109,7 @@
                                 </ng-template>
                             </ngb-panel>
 
-                            <ngb-panel id="AccordionPanelID.BookReader" title="Book Reader">
+                            <ngb-panel [id]="AccordionPanelID.BookReader" title="Book Reader">
                                 <ng-template ngbPanelHeader>
                                     <h2 class="accordion-header">
                                         <button class="accordion-button" ngbPanelToggle type="button" [attr.aria-expanded]="acc.isExpanded(AccordionPanelID.BookReader)" aria-controls="collapseOne">