diff --git a/resources/views/incoming/create.blade.php b/resources/views/incoming/create.blade.php
index cff0045..1c46e5a 100644
--- a/resources/views/incoming/create.blade.php
+++ b/resources/views/incoming/create.blade.php
@@ -112,13 +112,13 @@
 
                         <form class="mt-6 space-y-6" @submit.prevent="">
 
-                            <div class="flex flex-row">
-                                <x-input-label class="w-1/6" for="select_supplier" :value="__('incoming.Select supplier')"/>
+                            <div class="flex flex-row w-1/2">
+                                <x-input-label class="w-1/3" for="select_supplier" :value="__('incoming.Select supplier')"/>
                                 <input list="all_suppliers" id="select_supplier" name="select_supplier" type="text" x-on:change="setSupplier();"
                                         class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm"/>
                                 <datalist id="all_suppliers" x-on:change="alert('hier');">
                                     <template x-for="supplier in suppliers">
-                                        <option x-on:click="alert('da');" :value="supplier.id" x-text="supplier.name"></option>
+                                        <option :value="supplier.name"></option>
                                     </template>
                                 </datalist>
                             </div>
@@ -326,7 +326,7 @@
 
             setSupplier() {
                 let id = document.querySelector('#select_supplier').value;
-                let supplier_key = Object.keys(this.suppliers).find(key => (this.suppliers[key].id == id));
+                let supplier_key = Object.keys(this.suppliers).find(key => (this.suppliers[key].name == id));
                 this.supplier = this.suppliers[supplier_key];
             },