diff --git a/UI/Web/src/app/cards/_modals/card-details-modal/card-details-modal.component.html b/UI/Web/src/app/cards/_modals/card-details-modal/card-details-modal.component.html
index 0151044b8..5ab7eae23 100644
--- a/UI/Web/src/app/cards/_modals/card-details-modal/card-details-modal.component.html
+++ b/UI/Web/src/app/cards/_modals/card-details-modal/card-details-modal.component.html
@@ -1,6 +1,6 @@
 <div *ngIf="data !== undefined">
     <div class="modal-header">
-        <h4 *ngIf="libraryType != 1; else comicHeader" class="modal-title" id="modal-basic-title">
+        <h4 *ngIf="libraryType !== LibraryType.Comic else comicHeader" class="modal-title" id="modal-basic-title">
             {{parentName}} - {{data.number != 0 ? (isChapter ? 'Chapter ' : 'Volume ') + data.number : 'Special'}} Details</h4>
         <ng-template #comicHeader><h4 class="modal-title" id="modal-basic-title">
             {{parentName}} - {{data.number != 0 ? (isChapter ? 'Issue #' : 'Volume ') + data.number : 'Special'}} Details</h4></ng-template>
@@ -30,13 +30,13 @@
         </ng-container>
 
         <h4 *ngIf="!utilityService.isChapter(data)">
-            <span *ngIf="libraryType != 1; else comicName">Chapters</span>
+            <span *ngIf="libraryType !== LibraryType.Comic; else comicName">Chapters</span>
             <ng-template #comicName><span>Issues</span>
             </ng-template>
         </h4>
         <ul class="list-unstyled">
             <li class="media my-4" *ngFor="let chapter of chapters">
-                <a (click)="readChapter(chapter)" href="javascript:void(0);" *ngIf="libraryType != 1; else comicLink" title="Read Chapter {{chapter.number}}">
+                <a (click)="readChapter(chapter)" href="javascript:void(0);" *ngIf="libraryType !== LibraryType.Comic; else comicLink" title="Read Chapter {{chapter.number}}">
                     <img class="mr-3" style="width: 74px" [src]="chapter.coverImage">
                 </a>
                 <ng-template #comicLink>
@@ -47,7 +47,7 @@
                 <div class="media-body">
                     <h5 class="mt-0 mb-1">
                         <span *ngIf="chapter.number !== '0'; else specialHeader">
-                            <span *ngIf="libraryType != 1; else comicAction" class="">
+                            <span *ngIf="libraryType !== LibraryType.Comic; else comicAction" class="">
                                 <app-card-actionables (actionHandler)="performAction($event, chapter)" [actions]="chapterActions" [labelBy]="'Chapter' + formatChapterNumber(chapter)"></app-card-actionables>&nbsp;
                                 Chapter {{formatChapterNumber(chapter)}}
                             </span>