diff --git a/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.html b/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.html
index 5b32fe459e..42f0bf3745 100644
--- a/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.html
+++ b/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.html
@@ -137,7 +137,7 @@ <h3>{{ 'quickorder.page.csv.title' | translate }}</h3>
             </div>
           </div>
           <div>
-            <button type="submit" class="btn btn-primary" name="addToCartCSV" disabled="csvForm.invalid">
+            <button type="submit" class="btn btn-primary" name="addToCartCSV" [disabled]="isCsvDisabled">
               {{ 'quickorder.page.add.cart' | translate }}
             </button>
             <button type="reset" class="btn btn-link" name="reset" (click)="resetCsvProductArray()">
diff --git a/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.ts b/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.ts
index 948aec5181..a7870d9410 100644
--- a/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.ts
+++ b/src/app/extensions/quickorder/pages/quickorder/quickorder-page.component.ts
@@ -191,6 +191,10 @@ export class QuickorderPageComponent implements OnInit {
     return file.name.endsWith('.csv');
   }
 
+  get isCsvDisabled() {
+    return this.status !== 'ValidFormat';
+  }
+
   addCsvToCart() {
     if (this.status === 'ValidFormat') {
       this.addProductsToBasket(this.productsFromCsv);