diff --git a/app/Livewire/BillingPortal/Cart/RecurringProducts.php b/app/Livewire/BillingPortal/Cart/RecurringProducts.php
index 39d94d2959df..d57bc9ede43e 100644
--- a/app/Livewire/BillingPortal/Cart/RecurringProducts.php
+++ b/app/Livewire/BillingPortal/Cart/RecurringProducts.php
@@ -17,8 +17,15 @@ use Livewire\Component;
 
 class RecurringProducts extends Component
 {
+    public array $context;
+
     public Subscription $subscription;
 
+    public function quantity($id, $value): void
+    {
+        $this->dispatch('purchase.context', property: "bundle.recurring_products.{$id}.quantity", value: $value);
+    }
+
     public function render(): \Illuminate\View\View
     {
         return view('billing-portal.v3.cart.recurring-products');
diff --git a/resources/views/billing-portal/v3/cart/recurring-products.blade.php b/resources/views/billing-portal/v3/cart/recurring-products.blade.php
index 1f5177a36c7f..1ecbe0020ba5 100644
--- a/resources/views/billing-portal/v3/cart/recurring-products.blade.php
+++ b/resources/views/billing-portal/v3/cart/recurring-products.blade.php
@@ -1,15 +1,20 @@
 <div class="space-y-10">
-    @unless(empty($subscription->recurring_product_ids))
-        @foreach($subscription->service()->recurring_products() as $index => $product)
+    @isset($context['bundle']['recurring_products'])
+        @foreach($context['bundle']['recurring_products'] as $key => $entry)
+        
+        @php
+            $product = $entry['product'];
+        @endphp
+
         <div>
             <div class="flex items-start justify-between space-x-4">
                 <div class="flex flex-start">
-                    @if(filter_var($product->product_image, FILTER_VALIDATE_URL))
+                    @if(filter_var($product['product_image'], FILTER_VALIDATE_URL))
                     <div
                         class="h-16 w-16 flex-shrink-0 overflow-hidden rounded-md border border-gray-200 mr-2"
                     >
                         <img
-                            src="{{ $product->product_image }}"
+                            src="{{ $product['product_image'] }}"
                             alt=""
                             class="h-full w-full object-cover object-center border rounded-md"
                         />
@@ -17,30 +22,35 @@
                     @endif
 
                     <div class="flex flex-col">
-                        <h2 class="text-lg font-medium">{{ $product->product_key }}</h2>
-                        <p class="block text-sm">{{ \App\Utils\Number::formatMoney($product->price, $subscription->company) }} / <span class="lowercase">{{ App\Models\RecurringInvoice::frequencyForKey($subscription->frequency_id) }}</span></p>
+                        <h2 class="text-lg font-medium">{{ $product['product_key'] }}</h2>
+                        <p class="block text-sm">{{ \App\Utils\Number::formatMoney($product['price'], $subscription['company']) }} / <span class="lowercase">{{ App\Models\RecurringInvoice::frequencyForKey($subscription->frequency_id) }}</span></p>
                     </div>
                 </div>
 
                 <div class="flex flex-col-reverse space-y-3">
                     <div class="flex">
                         @if($subscription->per_seat_enabled)
-                            @if($subscription->use_inventory_management && $product->in_stock_quantity == 0)
+                            @if($subscription->use_inventory_management && $product['in_stock_quantity'] == 0)
                                 <p class="text-sm font-light text-red-500 text-right mr-2 mt-2">{{ ctrans('texts.out_of_stock') }}</p>
                             @else
                                 <p class="text-sm font-light text-gray-700 text-right mr-2 mt-2">{{ ctrans('texts.qty') }}</p>
                             @endif
-        
-                            <select class="rounded-md border-gray-300 shadow-sm sm:text-sm" @if($subscription->use_inventory_management && $product->in_stock_quantity == 0) disabled @endif>
-                                <option value="1" selected="selected">1</option>
+
+                            <select 
+                                id="{{ $product['hashed_id'] }}" 
+                                class="rounded-md border-gray-300 shadow-sm sm:text-sm" 
+                                wire:change="quantity($event.target.id, $event.target.value)" 
+                                @if($subscription->use_inventory_management && $product['in_stock_quantity'] == 0) disabled @endif
+                                >
+                                <option {{ $entry['quantity'] == '1' ? 'selected' : '' }}  value="1">1</option>
         
                                 @if($subscription->max_seats_limit > 1)
-                                    @for ($i = 2; $i <= ($subscription->use_inventory_management ? min($subscription->max_seats_limit,$product->in_stock_quantity) : $subscription->max_seats_limit); $i++)
-                                        <option value="{{ $i }}">{{ $i }}</option>
+                                    @for ($i = 2; $i <= ($subscription->use_inventory_management ? min($subscription->max_seats_limit,$product['in_stock_quantity']) : $subscription->max_seats_limit); $i++)
+                                        <option {{ $entry['quantity'] == $i ? 'selected' : '' }}  value="{{ $i }}">{{ $i }}</option>
                                     @endfor
                                 @else
-                                    @for ($i = 2; $i <= ($subscription->use_inventory_management ? min($product->in_stock_quantity, max(100,$product->max_quantity)) : max(100,$product->max_quantity)); $i++)
-                                        <option value="{{ $i }}">{{ $i }}</option>
+                                    @for ($i = 2; $i <= ($subscription->use_inventory_management ? min($product['in_stock_quantity'], max(100,$product['max_quantity'])) : max(100,$product['max_quantity'])); $i++)
+                                        <option {{ $entry['quantity'] == $i ? 'selected' : '' }}  value="{{ $i }}">{{ $i }}</option>
                                     @endfor
                                 @endif
                             </select>
@@ -50,9 +60,9 @@
             </div>
 
             <article class="prose my-3 text-sm">
-                {!! $product->markdownNotes() !!}
+                {!! $product['notes'] !!}
             </article>
         </div>
         @endforeach 
-    @endunless
+    @endisset
 </div>