diff --git a/public/js/pages/WarehouseOrder/WarehouseOrder.css b/public/js/pages/WarehouseOrder/WarehouseOrder.css
index 64dc99559..b58b3475d 100644
--- a/public/js/pages/WarehouseOrder/WarehouseOrder.css
+++ b/public/js/pages/WarehouseOrder/WarehouseOrder.css
@@ -14,7 +14,7 @@
 @media (min-width: 992px) {
     .modal-lg, .modal-xl {
         /*max width either 90% or 1120px*/
-        max-width: min(90vw, 1120px) !important;
+        max-width: min(90vw, 1400px) !important;
     }
 }
 
diff --git a/public/js/pages/WarehouseOrder/WarehouseOrder.js b/public/js/pages/WarehouseOrder/WarehouseOrder.js
index 41c8e3aef..090a370e6 100644
--- a/public/js/pages/WarehouseOrder/WarehouseOrder.js
+++ b/public/js/pages/WarehouseOrder/WarehouseOrder.js
@@ -341,7 +341,7 @@ Vue.component('warehouse-order-modal', {
                 customOrdering: 'distributorId',
                 fields:         {
                     article:                  {
-                        type:                 'autocomplete',
+                        type:                 'input-article',
                         label:                'Artikel',
                         apiUrl:               '/WarehouseArticle/autoComplete',
                         customFieldReference: 'WarehouseArticle',
@@ -594,8 +594,7 @@ Vue.component('warehouse-order', {
                       <warehouse-order-detail :id="row.id"/>
                     </template>
                     <template v-slot:sum="{ row }">{{ calculateSum(JSON.parse(row["positions"])).toFixed(2) }} €</template>
-                  </tt-table-crud>
-                </tt-card>
+                  </tt-table-crud>                </tt-card>
               `,
     data:     () => ({
         orderModalId:        null,