diff --git a/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.html b/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.html
index f33bc04ebba..7f670d56d23 100644
--- a/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.html
+++ b/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.html
@@ -34,7 +34,7 @@
             <div class="col-sm-6">
               <input id="total-points-radio" class="form-check-input" type="radio" [ngModel]="model.pointsPerOption" [value]="false"
                      (ngModelChange)="triggerModelChange('pointsPerOption', $event)" [disabled]="!isEditable" aria-label="Use Total Points Checkbox">
-              <input id="total-points" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="2147483647"
+              <input id="total-points" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="999999999" (input)="restrictPointsLength($event, false, false)"
                      [ngModel]="!model.pointsPerOption ? model.points : ''" (ngModelChange)="triggerModelChange('points', $event)" [disabled]="!isEditable || model.pointsPerOption" aria-label="Total Points Input">
             </div>
             <div class="col-sm-6 text-start">
@@ -47,7 +47,7 @@
             <div class="col-sm-6">
               <input id="per-option-points-radio" class="form-check-input" type="radio" [ngModel]="model.pointsPerOption" [value]="true"
                      (ngModelChange)="triggerModelChange('pointsPerOption', $event)" [disabled]="!isEditable" aria-label="Use Total Points Times Number of Options Checkbox">
-              <input id="per-option-points" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="2147483647"
+              <input id="per-option-points" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="999999999" (input)="restrictPointsLength($event, false, false)"
                      [ngModel]="model.pointsPerOption ? model.points : ''" (ngModelChange)="triggerModelChange('points', $event)" [disabled]="!isEditable || !model.pointsPerOption" aria-label="Points Input">
             </div>
             <div class="col-sm-6 text-start">
@@ -64,7 +64,7 @@
                 <input id="min-point-checkbox" class="form-check-input" type="checkbox"
                        [ngModel]="hasMinPoint"
                        (ngModelChange)="resetMinPoint($event)" [disabled]="!isEditable" aria-label="Minimum Value Checkbox">
-                <input id="min-point" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="2147483647"
+                <input id="min-point" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="999999999" (input)="restrictPointsLength($event, true, false)"
                        [ngModel]="hasMinPoint ? model.minPoint : ''" (ngModelChange)="triggerModelChange('minPoint', $event)" [disabled]="!isEditable || !hasMinPoint" aria-label="Minimum Value Input">
                 <b class="ngb-tooltip-class" ngbTooltip="The minimum allocation of the points to an option, e.g if you specify 5 points here, the user must input a value larger than or equal to 5 for each option.">minimum per option</b>
               </label>
@@ -76,7 +76,7 @@
                 <input id="max-point-checkbox" class="form-check-input" type="checkbox"
                        [ngModel]="hasMaxPoint"
                        (ngModelChange)="resetMaxPoint($event)"  [disabled]="!isEditable" aria-label="Maximum Value Checkbox">
-                <input id="max-point" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="2147483647"
+                <input id="max-point" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="999999999" (input)="restrictPointsLength($event, false, true)"
                        [ngModel]="hasMaxPoint ? model.maxPoint : ''" (ngModelChange)="triggerModelChange('maxPoint', $event)" [disabled]="!isEditable || !hasMaxPoint" aria-label="Maximum Value Input">
                 <b class="ngb-tooltip-class" ngbTooltip="The maximum allocation of the points to an option, e.g if you specify 30 points here, the user must input a value smaller than or equal to 30 for each option.">maximum per option</b>
               </label>
diff --git a/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.ts b/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.ts
index df1a2c524e3..81224058e27 100644
--- a/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.ts
+++ b/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.ts
@@ -127,4 +127,18 @@ export class ConstsumOptionsQuestionEditDetailsFormComponent
       this.triggerModelChange('minPoint', undefined);
     }
   }
+
+  restrictPointsLength(event : InputEvent, isMin : boolean, isMax : boolean) : void {
+    const target : HTMLInputElement = event.target as HTMLInputElement;
+    if (target.value != null && target.value.length > 9 && !isMin && !isMax) {
+      this.triggerModelChange('points', this.model.points);
+      target.value = target.value.substring(0, 9);
+    } else if (target.value != null && target.value.length > 9 && isMin) {
+      this.triggerModelChange('minPoint', this.model.minPoint);
+      target.value = target.value.substring(0, 9);
+    } else if (target.value != null && target.value.length > 9 && isMax) {
+      this.triggerModelChange('maxPoint', this.model.maxPoint);
+      target.value = target.value.substring(0, 9);
+    }
+  }
 }
diff --git a/src/web/app/components/question-types/question-edit-details-form/constsum-recipients-question-edit-details-form.component.html b/src/web/app/components/question-types/question-edit-details-form/constsum-recipients-question-edit-details-form.component.html
index 2969ee9589a..68a4bc9fb51 100644
--- a/src/web/app/components/question-types/question-edit-details-form/constsum-recipients-question-edit-details-form.component.html
+++ b/src/web/app/components/question-types/question-edit-details-form/constsum-recipients-question-edit-details-form.component.html
@@ -9,7 +9,7 @@
         <div class="col-sm-3">
           <input id="total-points-radio" class="form-check-input" type="radio" [ngModel]="model.pointsPerOption" [value]="false"
                  (ngModelChange)="triggerModelChange('pointsPerOption', $event)" [disabled]="!isEditable" aria-label="Use Total Points Checkbox">
-          <input id="total-points" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="2147483647"
+          <input id="total-points" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="999999999" (input)="restrictPointsLength($event)"
                  [ngModel]="!model.pointsPerOption ? model.points : ''" (ngModelChange)="triggerModelChange('points', $event)" [disabled]="!isEditable || model.pointsPerOption" aria-label="Total Points Input">
         </div>
         <div class="col-sm-9 text-start">
@@ -22,7 +22,7 @@
         <div class="col-sm-3">
           <input id="per-option-points-radio" class="form-check-input" type="radio" [ngModel]="model.pointsPerOption" [value]="true"
                  (ngModelChange)="triggerModelChange('pointsPerOption', $event)" [disabled]="!isEditable" aria-label="Use Total Points Times Number of Recipients Checkbox">
-          <input id="per-option-points" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="2147483647"
+          <input id="per-option-points" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="999999999" (input)="restrictPointsLength($event)"
                  [ngModel]="model.pointsPerOption ? model.points : ''" (ngModelChange)="triggerModelChange('points', $event)" [disabled]="!isEditable || !model.pointsPerOption" aria-label="Points Input">
         </div>
         <div class="col-sm-9 text-start">
diff --git a/src/web/app/components/question-types/question-edit-details-form/constsum-recipients-question-edit-details-form.component.ts b/src/web/app/components/question-types/question-edit-details-form/constsum-recipients-question-edit-details-form.component.ts
index b612217475a..e70865c9418 100644
--- a/src/web/app/components/question-types/question-edit-details-form/constsum-recipients-question-edit-details-form.component.ts
+++ b/src/web/app/components/question-types/question-edit-details-form/constsum-recipients-question-edit-details-form.component.ts
@@ -37,4 +37,12 @@ export class ConstsumRecipientsQuestionEditDetailsFormComponent
           : FeedbackConstantSumDistributePointsType.NONE,
     });
   }
+
+  restrictPointsLength(event : InputEvent) : void {
+    const target : HTMLInputElement = event.target as HTMLInputElement;
+    if (target.value != null && target.value.length > 9) {
+      this.triggerModelChange('points', this.model.points);
+      target.value = target.value.substring(0, 9);
+    }
+  }
 }
diff --git a/src/web/app/components/question-types/question-edit-details-form/num-scale-question-edit-details-form.component.html b/src/web/app/components/question-types/question-edit-details-form/num-scale-question-edit-details-form.component.html
index ce50ec942b3..8c28fc45fb4 100644
--- a/src/web/app/components/question-types/question-edit-details-form/num-scale-question-edit-details-form.component.html
+++ b/src/web/app/components/question-types/question-edit-details-form/num-scale-question-edit-details-form.component.html
@@ -1,7 +1,7 @@
 <div class="row">
   <div class="col-sm-4">
     <span class="ngb-tooltip-class" ngbTooltip="Minimum acceptable response value">Minimum value:</span>
-    <input id="min-value" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="2147483647"
+    <input id="min-value" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="999999999" (input)="restrictPointsLength($event, true)"
            [ngModel]="model.minScale" (ngModelChange)="triggerModelChange('minScale', $event)" [disabled]="!isEditable" aria-label="Minimum Value Input">
   </div>
   <div class="col-sm-4">
@@ -11,7 +11,7 @@
   </div>
   <div class="col-sm-4">
     <span class="ngb-tooltip-class" ngbTooltip="Maximum acceptable response value">Maximum value:</span>
-    <input id="max-value" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="2147483647"
+    <input id="max-value" type="number" class="form-control" (keypress)="onPointsInput($event)" (paste)="onPaste($event)" min="1" max="999999999" (input)="restrictPointsLength($event, false)"
            [ngModel]="model.maxScale" (ngModelChange)="triggerModelChange('maxScale', $event)" [disabled]="!isEditable" min="{{ Math.ceil(model.minScale + model.step) }}" aria-label="Maximum Value Input">
   </div>
 </div>
diff --git a/src/web/app/components/question-types/question-edit-details-form/num-scale-question-edit-details-form.component.ts b/src/web/app/components/question-types/question-edit-details-form/num-scale-question-edit-details-form.component.ts
index 6b8d6f1700b..20cc9c9dae1 100644
--- a/src/web/app/components/question-types/question-edit-details-form/num-scale-question-edit-details-form.component.ts
+++ b/src/web/app/components/question-types/question-edit-details-form/num-scale-question-edit-details-form.component.ts
@@ -56,4 +56,15 @@ export class NumScaleQuestionEditDetailsFormComponent
     }
     return `[${possibleValuesString}]`;
   }
+
+  restrictPointsLength(event : InputEvent, isMin : boolean) : void {
+    const target : HTMLInputElement = event.target as HTMLInputElement;
+    if (target.value != null && target.value.length > 9 && isMin) {
+      this.triggerModelChange('minScale', this.model.minScale);
+      target.value = target.value.substring(0, 9);
+    } else if (target.value != null && target.value.length > 9) {
+      this.triggerModelChange('maxScale', this.model.maxScale);
+      target.value = target.value.substring(0, 9);
+    }
+  }
 }