diff --git a/app/Classes/Modules/Companies/Processors/CreateCompanyProcessor.php b/app/Classes/Modules/Companies/Processors/CreateCompanyProcessor.php
index fc84e9cc..0f852dda 100644
--- a/app/Classes/Modules/Companies/Processors/CreateCompanyProcessor.php
+++ b/app/Classes/Modules/Companies/Processors/CreateCompanyProcessor.php
@@ -46,9 +46,10 @@ class CreateCompanyProcessor
     public function execute(Request $request, int $businessType = BusinessType::IMPORTER, ?int $companyType = CompanyType::COMPANY_BUSINESS, ?int $status = ApprovalStatus::PENDING_SUBMISSION): Model {
 
         $companyName = $companyType === CompanyType::COMPANY_BUSINESS ? $request->input('company_name') : $request->input('name');
+        $companyReference = $request->input('company_name') ? $request->input('company_name') : mt_rand(1000, 9999).(new GeneratesInitials())->name($companyName)->length(3)->generate();
         $company_object = new CompanyObject(
             $companyName,
-            mt_rand(1000, 9999).(new GeneratesInitials())->name($companyName)->length(3)->generate(),
+            $companyReference,
             $businessType, $companyType, $status);
 
         $this->canCreateCompany->passes($company_object);
diff --git a/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue b/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue
index 5e43314b..a08a16c9 100644
--- a/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue
+++ b/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue
@@ -12,7 +12,7 @@
                                             <div class="btn btn-xs btn-outline-primary 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">
                                                     <div class="col p-t-5 p-b-5 fs-9">
-                                                        {{selectedSupplier.name}}
+                                                        {{selectedSupplier.name}} - {{selectedSupplier.reference}}
                                                     </div>
                                                     <div class="col-auto b-l b-success">
                                                         <div class="row h-100 align-items-center">
@@ -31,7 +31,7 @@
                                                                 <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 class="font-heading fs-10">{{supplier.name}} - {{supplier.reference}}</div>
                                                                         </div>
                                                                     </div>
                                                                 </div>
diff --git a/resources/assets/vue/components/companies/forms/SupplierFormComponent.vue b/resources/assets/vue/components/companies/forms/SupplierFormComponent.vue
index 6c346db6..8b53a970 100644
--- a/resources/assets/vue/components/companies/forms/SupplierFormComponent.vue
+++ b/resources/assets/vue/components/companies/forms/SupplierFormComponent.vue
@@ -22,6 +22,14 @@
                             </validation-wrapper-component>
                         </div>
                     </div>
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.company_reference">
+                                <label>Reference</label>
+                                <input type="text" class="form-control" v-model="parameters.company_reference">
+                            </validation-wrapper-component>
+                        </div>
+                    </div>
                     <div class="row">
                         <div class="col p-r-5">
                             <div class="btn btn-sm btn-default bg-master-lightest btn-block b-rad-none" data-dismiss="modal">Cancel</div>
@@ -43,6 +51,7 @@
             return {
                 parameters: {
                     company_name: '',
+                    company_reference: '',
                 }
             }
         },
@@ -50,7 +59,10 @@
             parameters: {
                 company_name: {
                     required: true
-                }
+                },
+                company_reference: {
+                    required: true
+                },
             }
         },
         mixins: [ModalFormHandler]