diff --git a/libs/design/src/atoms/form/quantity-field/quantity-field.component.html b/libs/design/src/atoms/form/quantity-field/quantity-field.component.html
index d9db880f83..d323dc186a 100644
--- a/libs/design/src/atoms/form/quantity-field/quantity-field.component.html
+++ b/libs/design/src/atoms/form/quantity-field/quantity-field.component.html
@@ -1,8 +1,13 @@
 <daff-quantity-select
   *ngIf="showSelectField"
-  [min]="min" [max]="_maxFloor" [extendable]="max > selectMax">
+  [min]="min"
+  [max]="_maxFloor"
+  [extendable]="max > selectMax"
+  [id]="id">
 </daff-quantity-select>
 <daff-quantity-input
   *ngIf="showInputField"
-  [min]="min" [max]="max">
+  [min]="min"
+  [max]="max"
+  [id]="id">
 </daff-quantity-input>
diff --git a/libs/design/src/atoms/form/quantity-field/quantity-field.component.ts b/libs/design/src/atoms/form/quantity-field/quantity-field.component.ts
index d3841a4ca3..eece940b35 100644
--- a/libs/design/src/atoms/form/quantity-field/quantity-field.component.ts
+++ b/libs/design/src/atoms/form/quantity-field/quantity-field.component.ts
@@ -55,6 +55,8 @@ export class DaffQuantityFieldComponent implements ControlValueAccessor, DaffFor
    */
   @Input() selectMax = 10;
 
+  @Input() id = '';
+
   get focused(): boolean {
     return !!(this.input?.focused || this.select?.focused);
   }