diff --git a/app/frontend/src/javascript/components/events/event-reservation-item.tsx b/app/frontend/src/javascript/components/events/event-reservation-item.tsx
index b186fd508..7075c367d 100644
--- a/app/frontend/src/javascript/components/events/event-reservation-item.tsx
+++ b/app/frontend/src/javascript/components/events/event-reservation-item.tsx
@@ -47,15 +47,15 @@ export const EventReservationItem: React.FC<EventReservationItemProps> = ({ rese
   const preRegistrationStatus = () => {
     if (!_.isBoolean(reservation.is_valid) && !reservation.canceled_at && !reservation.is_paid) {
       return t('app.logged.event_reservation_item.in_the_process_of_validation');
-    } else if (reservation.is_valid && !reservation.canceled_at && !reservation.is_paid && reservation.reservable.amount !== 0) {
+    } else if (reservation.is_valid && !reservation.canceled_at && !reservation.is_paid && reservation.amount !== 0) {
       return t('app.logged.event_reservation_item.settle_your_payment');
-    } else if (reservation.is_valid && !reservation.canceled_at && !reservation.is_paid && reservation.reservable.amount === 0) {
+    } else if (reservation.is_valid && !reservation.canceled_at && !reservation.is_paid && reservation.amount === 0) {
       return t('app.logged.event_reservation_item.registered');
     } else if (!reservation.is_valid && !reservation.canceled_at) {
       return t('app.logged.event_reservation_item.not_validated');
-    } else if (reservation.is_paid && !reservation.canceled_at && reservation.reservable.amount !== 0) {
+    } else if (reservation.is_paid && !reservation.canceled_at && reservation.amount !== 0) {
       return t('app.logged.event_reservation_item.paid');
-    } else if (reservation.is_paid && !reservation.canceled_at && reservation.reservable.amount === 0) {
+    } else if (reservation.is_paid && !reservation.canceled_at && reservation.amount === 0) {
       return t('app.logged.event_reservation_item.present');
     } else if (reservation.canceled_at) {
       return t('app.logged.event_reservation_item.canceled');
diff --git a/app/frontend/src/javascript/controllers/admin/events.js b/app/frontend/src/javascript/controllers/admin/events.js
index de6c414bf..420097e01 100644
--- a/app/frontend/src/javascript/controllers/admin/events.js
+++ b/app/frontend/src/javascript/controllers/admin/events.js
@@ -460,10 +460,35 @@ Application.Controllers.controller('ShowEventReservationsController', ['$scope',
   $scope.isValidated = function (reservation) {
     return reservation.slots_reservations_attributes[0].is_valid === true || reservation.slots_reservations_attributes[0].is_valid === 'true';
   };
+
+  /**
+   * Test if the provided reservation has been invalidated
+   * @param reservation {Reservation}
+   * @returns {boolean}
+   */
   $scope.isInvalidated = function (reservation) {
     return reservation.slots_reservations_attributes[0].is_valid === false || reservation.slots_reservations_attributes[0].is_valid === 'false';
   };
 
+  /**
+    * Get the price of a reservation
+    * @param reservation {Reservation}
+    */
+  $scope.reservationAmount = function (reservation) {
+    let amount = 0;
+    for (const user of reservation.booking_users_attributes) {
+      if (user.event_price_category_id) {
+        const price_category = _.find($scope.event.event_price_categories_attributes, { id: user.event_price_category_id });
+        if (price_category) {
+          amount += price_category.amount;
+        }
+      } else {
+        amount += $scope.event.amount;
+      }
+    }
+    return amount;
+  };
+
   /**
    * Callback to validate a reservation
    * @param reservation {Reservation}
@@ -628,7 +653,7 @@ Application.Controllers.controller('ShowEventReservationsController', ['$scope',
         if (r.id === reservation.id) {
           return reservation;
         }
-        if ($scope.event.amount === 0) {
+        if ($scope.reservationAmount(reservation) === 0) {
           growl.success(_t('app.admin.event_reservations.reservation_was_successfully_present'));
         } else {
           growl.success(_t('app.admin.event_reservations.reservation_was_successfully_paid'));
diff --git a/app/frontend/src/javascript/models/reservation.ts b/app/frontend/src/javascript/models/reservation.ts
index dca86afa8..3c6eb0a6a 100644
--- a/app/frontend/src/javascript/models/reservation.ts
+++ b/app/frontend/src/javascript/models/reservation.ts
@@ -70,10 +70,11 @@ export interface Reservation {
   end_at: TDateISO,
   event_type?: string,
   event_title?: string,
-  event_pre_registration?: boolean
+  event_pre_registration?: boolean,
   canceled_at?: TDateISO,
   is_valid?: boolean,
   is_paid?: boolean,
+  amount?: number
 }
 
 export interface ReservationIndexFilter extends ApiFilter {
diff --git a/app/frontend/templates/admin/events/pay_reservation_modal.html b/app/frontend/templates/admin/events/pay_reservation_modal.html
index c1866fe17..b4059d18f 100644
--- a/app/frontend/templates/admin/events/pay_reservation_modal.html
+++ b/app/frontend/templates/admin/events/pay_reservation_modal.html
@@ -1,10 +1,10 @@
 <div class="modal-header">
   <img ng-src="{{logoBlack.custom_asset_file_attributes.attachment_url}}" alt="{{logo.custom_asset_file_attributes.attachment}}" class="modal-logo"/>
-  <h1 translate ng-show="reservation && event.amount !== 0">{{ 'app.admin.event_reservations.confirm_payment' }}</h1>
-  <h1 translate ng-show="reservation && event.amount === 0">{{ 'app.admin.event_reservations.confirm_present' }}</h1>
+  <h1 translate ng-show="reservation && amount !== 0">{{ 'app.admin.event_reservations.confirm_payment' }}</h1>
+  <h1 translate ng-show="reservation && amount === 0">{{ 'app.admin.event_reservations.confirm_present' }}</h1>
 </div>
 <div class="modal-body">
-  <div ng-show="event.amount !== 0">
+  <div ng-show="amount !== 0">
     <div class="row" ng-show="!offered">
       <wallet-info current-user="currentUser"
                    cart="cartItems"
@@ -41,12 +41,12 @@
     </div>
   </div>
 
-  <div ng-if="event.amount === 0">
+  <div ng-if="amount === 0">
     <p translate>{{ 'app.admin.event_reservations.confirm_present_info' }}</p>
   </div>
 </div>
 <div class="modal-footer">
-  <button class="btn btn-info" ng-if="event.amount !== 0" ng-click="ok()" ng-disabled="attempting || !payment" ng-bind-html="validButtonName"></button>
-  <button class="btn btn-info" ng-if="event.amount === 0" ng-click="ok()" ng-disabled="attempting" ng-bind-html="validButtonName"></button>
+  <button class="btn btn-info" ng-if="amount !== 0" ng-click="ok()" ng-disabled="attempting || !payment" ng-bind-html="validButtonName"></button>
+  <button class="btn btn-info" ng-if="amount === 0" ng-click="ok()" ng-disabled="attempting" ng-bind-html="validButtonName"></button>
   <button class="btn btn-default" ng-click="cancel()" translate>{{ 'app.shared.buttons.cancel' }}</button>
 </div>
diff --git a/app/frontend/templates/admin/events/reservations.html b/app/frontend/templates/admin/events/reservations.html
index 4fe2c1a1a..69590232c 100644
--- a/app/frontend/templates/admin/events/reservations.html
+++ b/app/frontend/templates/admin/events/reservations.html
@@ -48,11 +48,11 @@
             </td>
             <td ng-if="event.pre_registration">
               <span ng-if="!isValidated(reservation) && !isInvalidated(reservation) && !isCancelled(reservation) && !reservation.is_paid" class="v-middle badge text-sm bg-info" translate="">{{ 'app.admin.event_reservations.event_status.pre_registered' }}</span>
-              <span ng-if="event.amount !== 0 && isValidated(reservation) && !isCancelled(reservation) && !reservation.is_paid" class="v-middle badge text-sm bg-stage" translate="">{{ 'app.admin.event_reservations.event_status.to_pay' }}</span>
-              <span ng-if="event.amount === 0 && isValidated(reservation) && !isCancelled(reservation) && !reservation.is_paid" class="v-middle badge text-sm bg-stage" translate="">{{ 'app.admin.event_reservations.event_status.registered' }}</span>
+              <span ng-if="reservationAmount(reservation) !== 0 && isValidated(reservation) && !isCancelled(reservation) && !reservation.is_paid" class="v-middle badge text-sm bg-stage" translate="">{{ 'app.admin.event_reservations.event_status.to_pay' }}</span>
+              <span ng-if="reservationAmount(reservation) === 0 && isValidated(reservation) && !isCancelled(reservation) && !reservation.is_paid" class="v-middle badge text-sm bg-stage" translate="">{{ 'app.admin.event_reservations.event_status.registered' }}</span>
               <span ng-if="isInvalidated(reservation) && !isCancelled(reservation) && !reservation.is_paid" class="v-middle badge text-sm bg-event" translate="">{{ 'app.admin.event_reservations.event_status.not_validated' }}</span>
-              <span ng-if="event.amount !== 0 && reservation.is_paid && !isCancelled(reservation)" class="v-middle badge text-sm bg-success" translate="">{{ 'app.admin.event_reservations.event_status.paid' }}</span>
-              <span ng-if="event.amount === 0 && reservation.is_paid && !isCancelled(reservation)" class="v-middle badge text-sm bg-success" translate="">{{ 'app.admin.event_reservations.event_status.present' }}</span>
+              <span ng-if="reservationAmount(reservation) !== 0 && reservation.is_paid && !isCancelled(reservation)" class="v-middle badge text-sm bg-success" translate="">{{ 'app.admin.event_reservations.event_status.paid' }}</span>
+              <span ng-if="reservationAmount(reservation) === 0 && reservation.is_paid && !isCancelled(reservation)" class="v-middle badge text-sm bg-success" translate="">{{ 'app.admin.event_reservations.event_status.present' }}</span>
               <span ng-if="isCancelled(reservation)" class="v-middle badge text-sm bg-event" translate="">{{ 'app.admin.event_reservations.event_status.canceled' }}</span>
             </td>
             <td ng-if="event.pre_registration">
@@ -68,8 +68,8 @@
                   </label>
                 </div>
                 <button class="btn btn-default" ng-click="payReservation(reservation)" ng-if="isValidated(reservation) && !isCancelled(reservation) && !reservation.is_paid">
-                  <span ng-if="event.amount !== 0" translate>{{ 'app.admin.event_reservations.pay' }}</span>
-                  <span ng-if="event.amount === 0" translate>{{ 'app.admin.event_reservations.present' }}</span>
+                  <span ng-if="reservationAmount(reservation) !== 0" translate>{{ 'app.admin.event_reservations.pay' }}</span>
+                  <span ng-if="reservationAmount(reservation) === 0" translate>{{ 'app.admin.event_reservations.present' }}</span>
                 </button>
               </div>
             </td>
diff --git a/app/views/api/members/show.json.jbuilder b/app/views/api/members/show.json.jbuilder
index 0ff25f4da..80d25ffae 100644
--- a/app/views/api/members/show.json.jbuilder
+++ b/app/views/api/members/show.json.jbuilder
@@ -89,6 +89,7 @@ json.events_reservations @member.reservations.where(reservable_type: 'Event').jo
   json.event_pre_registration sr.reservation.reservable.pre_registration
   json.is_valid sr.is_valid
   json.is_paid sr.reservation.invoice_items.count.positive?
+  json.amount sr.reservation.invoice_items.sum(:amount)
   json.canceled_at sr.canceled_at
   json.booking_users_attributes sr.reservation.booking_users.order(booked_type: :desc) do |bu|
     json.id bu.id