diff --git a/UI/Web/src/app/_services/series.service.ts b/UI/Web/src/app/_services/series.service.ts
index 39e3b720b..9c436e636 100644
--- a/UI/Web/src/app/_services/series.service.ts
+++ b/UI/Web/src/app/_services/series.service.ts
@@ -81,10 +81,6 @@ export class SeriesService {
     return this.httpClient.post<string>(this.baseUrl + 'series/delete-multiple', {seriesIds}, TextResonse).pipe(map(s => s === "true"));
   }
 
-  updateRating(seriesId: number, userRating: number) {
-    return this.httpClient.post(this.baseUrl + 'series/update-rating', {seriesId, userRating});
-  }
-
   updateSeries(model: any) {
     return this.httpClient.post(this.baseUrl + 'series/update', model);
   }
diff --git a/UI/Web/src/app/series-detail/_components/external-rating/external-rating.component.ts b/UI/Web/src/app/series-detail/_components/external-rating/external-rating.component.ts
index d18939c4e..48bd0c580 100644
--- a/UI/Web/src/app/series-detail/_components/external-rating/external-rating.component.ts
+++ b/UI/Web/src/app/series-detail/_components/external-rating/external-rating.component.ts
@@ -78,6 +78,7 @@ export class ExternalRatingComponent implements OnInit {
     modalRef.componentInstance.userRating = this.userRating;
     modalRef.componentInstance.seriesId = this.seriesId;
     modalRef.componentInstance.hasUserRated = this.hasUserRated;
+    modalRef.componentInstance.chapterId = this.chapterId;
 
     modalRef.closed.subscribe((updated: {hasUserRated: boolean, userRating: number}) => {
       this.userRating = updated.userRating;
diff --git a/UI/Web/src/app/series-detail/_components/rating-modal/rating-modal.component.ts b/UI/Web/src/app/series-detail/_components/rating-modal/rating-modal.component.ts
index c50543e61..a108c137d 100644
--- a/UI/Web/src/app/series-detail/_components/rating-modal/rating-modal.component.ts
+++ b/UI/Web/src/app/series-detail/_components/rating-modal/rating-modal.component.ts
@@ -5,6 +5,7 @@ import {Breakpoint} from "../../../shared/_services/utility.service";
 import {NgxStarsModule} from "ngx-stars";
 import {ThemeService} from "../../../_services/theme.service";
 import {SeriesService} from "../../../_services/series.service";
+import {ReviewService} from "../../../_services/review.service";
 
 @Component({
     selector: 'app-rating-modal',
@@ -20,7 +21,7 @@ export class RatingModalComponent {
 
   protected readonly modal = inject(NgbActiveModal);
   protected readonly themeService = inject(ThemeService);
-  protected readonly seriesService = inject(SeriesService);
+  protected readonly reviewService = inject(ReviewService);
   protected readonly cdRef = inject(ChangeDetectorRef);
 
   protected readonly Breakpoint = Breakpoint;
@@ -28,14 +29,16 @@ export class RatingModalComponent {
   @Input({required: true}) userRating!: number;
   @Input({required: true}) seriesId!: number;
   @Input({required: true}) hasUserRated!: boolean;
+  @Input() chapterId: number | undefined;
   starColor = this.themeService.getCssVariable('--rating-star-color');
 
 
   updateRating(rating: number) {
-    this.seriesService.updateRating(this.seriesId, rating).subscribe(() => {
+    this.reviewService.updateRating(this.seriesId, rating, this.chapterId).subscribe(() => {
       this.userRating = rating;
       this.hasUserRated = true;
       this.cdRef.markForCheck();
+      this.close();
     });
   }