diff --git a/UI/Web/src/app/cards/list-item/list-item.component.scss b/UI/Web/src/app/cards/list-item/list-item.component.scss
index 28233ee58..e15524f26 100644
--- a/UI/Web/src/app/cards/list-item/list-item.component.scss
+++ b/UI/Web/src/app/cards/list-item/list-item.component.scss
@@ -29,7 +29,7 @@ $image-width: 160px;
 .not-read-badge {
     position: absolute;
     top: 8px;
-    left: 108px;
+    left: 110px;
     width: 0;
     height: 0;
     border-style: solid;
diff --git a/UI/Web/src/app/reading-list/_components/reading-list-detail/reading-list-detail.component.html b/UI/Web/src/app/reading-list/_components/reading-list-detail/reading-list-detail.component.html
index 8531f110b..263b10cd2 100644
--- a/UI/Web/src/app/reading-list/_components/reading-list-detail/reading-list-detail.component.html
+++ b/UI/Web/src/app/reading-list/_components/reading-list-detail/reading-list-detail.component.html
@@ -88,7 +88,7 @@
           <ng-container *ngIf="readingList.startingYear > 0">{{readingList.startingYear}}</ng-container>
           —
           <ng-container *ngIf="readingList.endingYear > 0">
-            <ng-container *ngIf="readingList.endingMonth > 0">{{readingList.endingMonth}}</ng-container>
+            <ng-container *ngIf="readingList.endingMonth > 0">{{readingList.endingMonth | date:'MMM'}}</ng-container>
             <ng-container *ngIf="readingList.endingMonth > 0 && readingList.endingYear > 0">, </ng-container>
             <ng-container *ngIf="readingList.endingYear > 0">{{readingList.endingYear}}</ng-container>
           </ng-container>