diff --git a/app/Classes/Modules/Transactions/ControllersLogic/UpdateGroupLogic.php b/app/Classes/Modules/Transactions/ControllersLogic/UpdateGroupLogic.php
new file mode 100644
index 00000000..0f91042c
--- /dev/null
+++ b/app/Classes/Modules/Transactions/ControllersLogic/UpdateGroupLogic.php
@@ -0,0 +1,154 @@
+<?php
+
+namespace App\Classes\Modules\Transactions\ControllersLogic;
+
+use App\Classes\General\Abstracts\AbstractControllerLogic;
+use App\Classes\Modules\Transactions\Services\FetchesGroup;
+use App\Classes\Modules\Transactions\Services\DeletesTransaction;
+use App\Classes\Modules\Transactions\Services\updatesTransactionStatus;
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Http\Resources\GroupResource;
+use ErrorException;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use App\Models\SegmentConstant;
+use App\Classes\ValueObjects\Constants\SegmentConstants;
+use App\Classes\Modules\Companies\Services\FetchesCompany;
+use App\Classes\Modules\Transactions\Services\CalculatesTransactionServiceCharge;
+use App\Classes\Modules\Transactions\DataTransferObjects\TransactionObject;
+use App\Classes\ValueObjects\Constants\TransactionType;
+use App\Classes\ValueObjects\Constants\PaymentMethodType;
+use App\Classes\Modules\Transactions\Services\UpdatesTransaction;
+use App\Classes\Modules\Transactions\Services\CalculatesTransactionTransferFee;
+
+
+class UpdateGroupLogic extends AbstractControllerLogic
+{
+
+    /**
+     * @return array
+     */
+    protected function notification():array {
+        return [
+            'title' => 'Update Group Transaction',
+            'message' => 'You have successfully updated this Group Transaction'
+        ];
+    }
+
+    /** @var UpdatesTransactionStatus */
+    private $updatesTransactionStatus;
+
+    /** @var FetchesGroup */
+    private $fetchesGroup;
+
+    /** @var DeletesTransaction */
+    private $deletesTransaction;
+
+    /** @var FetchesCompany */
+    private $fetchesCompany;
+
+    /** @var CalculatesTransactionServiceCharge */
+    private $calculatesTransactionServiceCharge;
+
+    /** @var UpdatesTransaction */
+    private $updatesTransaction;
+
+    /** @var CalculatesTransactionTransferFee */
+    private $calculatesTransactionTransferFee;
+
+    public function __construct(
+        UpdatesTransactionStatus $updatesTransactionStatus, 
+        FetchesGroup $fetchesGroup,
+        DeletesTransaction $deletesTransaction,
+        FetchesCompany $fetchesCompany,
+        CalculatesTransactionServiceCharge $calculatesTransactionServiceCharge,
+        UpdatesTransaction $updatesTransaction,
+        CalculatesTransactionTransferFee $calculatesTransactionTransferFee
+    )
+    {
+        $this->updatesTransactionStatus = $updatesTransactionStatus;
+        $this->fetchesGroup = $fetchesGroup;
+        $this->deletesTransaction = $deletesTransaction;
+        $this->fetchesCompany = $fetchesCompany;
+        $this->calculatesTransactionServiceCharge = $calculatesTransactionServiceCharge;
+        $this->updatesTransaction = $updatesTransaction;
+        $this->calculatesTransactionTransferFee = $calculatesTransactionTransferFee;
+    }
+
+    /**
+     * @param Request $request
+     * @return JsonResponse
+     * @throws ErrorException
+     */
+    public function logic(Request $request) : JsonResponse
+    {
+        $group = $this->fetchesGroup->execute(['id' => $request->route('id')]);
+
+        $transactions = $group->transactions()->get();
+
+        $rate = $request->input('rate');
+
+        $supplier = $this->fetchesCompany->execute(['id' => $request->input('supplier_id')]);
+
+        foreach($transactions as $transaction) {
+
+            $constant = SegmentConstant::where('reference', SegmentConstants::SERVICE_CHARGE)->where('detail->id', $supplier->id)->first();
+            $serviceCharge = $this->calculatesTransactionServiceCharge->execute($transaction->original_amount, $rate, $constant);
+
+            $object = new TransactionObject(
+                $transaction->bill_no, 
+                TransactionType::BILL, 
+                $supplier->id, 
+                1,
+                $supplier->banks()->where('default', true)->first()->id, 
+                PaymentMethodType::CASH,
+                $transaction->original_amount * (1 / $rate), 
+                $transaction->original_amount, 
+                1, 
+                $transaction->original_currency_id,
+                $rate, 
+                0, 
+                $serviceCharge, 
+                null, 
+                ApprovalStatus::PENDING_VERIFICATION
+            );
+
+            $billTransaction = $this->updatesTransaction->execute($transaction, $object);
+
+            $transferTransaction = $transaction->transactions()->where('type', TransactionType::TRANSFER_FEE)->first();
+
+            $transferFee = $this->calculatesTransactionTransferFee->execute($billTransaction->amount, $constant);
+
+            $object = new TransactionObject(
+                $transferTransaction->bill_no, 
+                TransactionType::TRANSFER_FEE, 
+                1, 
+                $supplier->id,
+                $supplier->banks()->where('default', true)->first()->id, 
+                PaymentMethodType::CASH,
+                $transaction->original_amount, 
+                $transaction->original_amount, 
+                $transaction->original_currency_id, 
+                $transaction->original_currency_id,
+                1, 
+                0, 
+                $transferFee, 
+                null, 
+                ApprovalStatus::PENDING_VERIFICATION
+            );
+
+            $this->updatesTransaction->execute($transferTransaction, $object);
+        }
+
+        $group->issuer = $supplier;
+        $group->amount = $group->transactions()->sum('amount');
+        $group->currency_rate = $rate;
+        $group->tax = $group->transactions()->sum('tax');
+        $group->service_charge = $group->transactions()->sum('service_charge');
+
+        $group->save();
+        
+        return $this->resourceResponse(new GroupResource($group));
+    }
+
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Transactions/UpdateGroupController.php b/app/Http/Controllers/Transactions/UpdateGroupController.php
new file mode 100644
index 00000000..db0b3a17
--- /dev/null
+++ b/app/Http/Controllers/Transactions/UpdateGroupController.php
@@ -0,0 +1,20 @@
+<?php
+
+
+namespace App\Http\Controllers\Transactions;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use App\Classes\Modules\Transactions\ControllersLogic\UpdateGroupLogic;
+
+class UpdateGroupController
+{
+    /**
+     * @param Request $request
+     * @param DeleteGroupTransactionLogic $logic
+     * @return JsonResponse
+     */
+    public function update(Request $request, UpdateGroupLogic $logic) : JsonResponse {
+        return $logic->execute($request);
+    }
+}
diff --git a/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue b/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
index bad56836..51562c23 100644
--- a/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
@@ -38,7 +38,7 @@
                                         <i class="fa fa-pencil text-white"></i>
                                     </button>
                                     <modal-component small type="editTransactionGroup">
-                                        <edit-transaction-group-form-component :section="section" :currency_rate="item.currency_rate" :supplier_id ="data.transactions[0].issuer_id"></edit-transaction-group-form-component>
+                                        <edit-transaction-group-form-component :section="section" :currency_rate="item.currency_rate" :supplier_id ="data.transactions[0].issuer_id" :id="item.id"></edit-transaction-group-form-component>
                                     </modal-component>
                                     <button class="btn btn-xs btn-default bg-danger b-rad-none no-border requestModal" data-type="deleteTransactionGroup">
                                         <i class="fa fa-times text-white"></i>
diff --git a/resources/assets/vue/components/bookings/forms/EditTransactionGroupFormComponent.vue b/resources/assets/vue/components/bookings/forms/EditTransactionGroupFormComponent.vue
index 17658ff5..299dc061 100644
--- a/resources/assets/vue/components/bookings/forms/EditTransactionGroupFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/EditTransactionGroupFormComponent.vue
@@ -15,45 +15,17 @@
                     </div>
                     <div class="row m-b-10">
                         <div class="col">
-                            <div class="bg-white bg-hover-complete h-100 btn btn-xs btn-outline-none btn-block text-left b-rad-none p-t-0 p-b-0 p-l-15 p-r-15" @click="selectedSupplier.status = !selectedSupplier.status">
-                                <div class="row h-100">
-                                    <div class="col fs-9 d-flex align-items-center flex-column" style="padding-top: 7px; padding-bottom: 4px;">
-                                        <label class="all-caps w-100 m-b-0" style="font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 500;">Supplier</label>
-                                        <span class="w-100 fs-14">{{selectedSupplier.name}}</span>
-                                    </div>
-                                    <div class="col-auto b-l b-grey">
-                                        <div class="row h-100 align-items-center">
-                                            <div class="col">
-                                                <i class="fa" :class="[{'fa-angle-down': !selectedSupplier.status}, {'fa-angle-up': selectedSupplier.status}]"></i>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="relative w-100">
-                                <div class="absolute w-100 b-l b-b b-r b-grey" :class="[{'hide': !selectedSupplier.status}]" style="top: 100%; right: 0; z-index: 1;">
-                                    <div class="row text-left no-margin bg-white">
-                                        <div class="col no-padding">
-                                            <div class="row no-margin" v-for="supplier in suppliers"  v-bind:key="supplier.id" :data="supplier">
-                                                <div class="col b-b b-grey p-t-10 p-b-10 pointer hover-t-10 p-b-10" :class="[{'bg-primary-light': selectedSupplier.id === supplier.id}, {'text-white': selectedSupplier.id === supplier.id}, {'hover-primary': selectedSupplier.id !== supplier.id}, {'pointer': selectedSupplier.id !== supplier.id}]" @click="updateSupplier(supplier)">
-                                                    <div class="row align-items-center justify-content-center">
-                                                        <div class="col">
-                                                            <div class="font-heading fs-10">{{supplier.name}}</div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
+                            <validation-wrapper-component selectable :validator="$v.parameters.supplier_id">
+                                <label>Supplier</label>
+                                <selectable-component :endpoint="route('api.company.list') + '?filters=' + JSON.stringify({'business_type': 3, 'status_in': [2, 0]})" section="supplierListSection" valueColumn="id" :labelColumn="['name']" v-model="parameters.supplier_id"></selectable-component>
+                            </validation-wrapper-component>
                         </div>
                     </div>
                     <div class="row m-b-10">
                         <div class="col">
-                            <validation-wrapper-component :validator="$v.rate">
+                            <validation-wrapper-component :validator="$v.parameters.rate">
                                 <label class="all-caps">Purchase Rate</label>
-                                <input type="text" class="form-control" v-model.lazy="rate" v-money="exchangeRate">
+                                <input type="text" class="form-control" v-model.lazy="parameters.rate" v-money="exchangeRate">
                             </validation-wrapper-component>
                         </div>
                     </div>
@@ -62,7 +34,6 @@
                             <div class="btn btn-sm btn-default bg-master-lightest btn-block b-rad-none" data-dismiss="modal">Cancel</div>
                         </div>
                         <div class="col p-l-5">
-                            <!-- <div class="btn btn-sm btn-success btn-block b-rad-none" @click="submit(route('api.company.team.create'), 'post', section, true, false)">Update</div> -->
                             <div class="btn btn-sm btn-success btn-block b-rad-none" @click="submitForm()">Update</div>
                         </div>
                     </div>
@@ -84,6 +55,10 @@
             supplier_id: {
                 type: Number,
                 required: true
+            },
+            id: {
+                type: Number,
+                required: true
             }
         },
         data(){
@@ -95,37 +70,21 @@
                     name: '',
                     status: false
                 },
-                email: '',
-                rate: (Math.round((this.currency_rate + Number.EPSILON) * 10000) / 10000).toFixed(5)
+                parameters: {
+                    supplier_id: this.supplier_id,
+                    rate: (Math.round((this.currency_rate + Number.EPSILON) * 10000) / 10000).toFixed(5)
+                },
             }
         },
-        created(){
-            this.submit(route('api.company.list')  + '?filters=' + JSON.stringify({'business_type': 3, 'status_in': [2, 0]}), 'get', 'pendingOrdersSection', false, false)
-        },
         validations: {
-            email: { },
-            rate: { },
+            parameters: {
+                supplier_id: { },
+                rate: { },
+            },
         },
         methods: {
-            successHandler(response){
-                var selected_supplier_id = this.supplier_id;
-                var selected_supplier = null; 
-                this.suppliers = response.payload.data;
-
-                this.suppliers.forEach(function(supplier) {
-                    supplier.id === selected_supplier_id ? selected_supplier = supplier : ''; 
-                });
-
-                this.selectedSupplier = selected_supplier;
-                this.selectedSupplier.status = false;
-            },
-            updateSupplier(supplier){
-                this.selectedSupplier = supplier;
-                this.selectedSupplier.status = false;
-            },
             submitForm() {
-                console.log(this.rate);
-                console.log(this.selectedSupplier);
+                this.submit(route('api.transaction.group.update', this.id), 'put', this.section, true, true);
             }
         },
         mixins: [ModalFormHandler]
diff --git a/routes/transaction.php b/routes/transaction.php
index cbff706d..9a820c11 100644
--- a/routes/transaction.php
+++ b/routes/transaction.php
@@ -23,6 +23,9 @@ Route::group(['prefix' => 'transactions', 'namespace' => 'Transactions', 'as' =>
 
     Route::get('/bank/{id}/account/balance', 'FetchBankAccountBalanceController@fetch')->name('bank.account.balance');
 
-    Route::get('/groups/list', 'ListGroupsController@list')->name('group.list');
-    Route::delete('/groups/{id}/delete', 'DeleteGroupController@delete')->name('group.delete');
+    Route::group(['prefix' => 'groups', 'as' => 'group.'], function () {
+        Route::get('/list', 'ListGroupsController@list')->name('list');
+        Route::delete('/{id}/delete', 'DeleteGroupController@delete')->name('delete');
+        Route::put('/{id}/update', 'UpdateGroupController@update')->name('update');
+    });
 });
\ No newline at end of file