diff --git a/random-password/index.html b/random-password/index.html
index c900bc2..51f92b7 100644
--- a/random-password/index.html
+++ b/random-password/index.html
@@ -18,7 +18,7 @@
                     Password Length
                 </div>
                 <div class="right">
-                    <input type="number" name="" id="total-char" max="30" min="2" value="10" />
+                    <input type="number" id="total-char" max="30" min="4" value="10" />
                 </div>
             </div>
             <div class="row">
diff --git a/random-password/js/app.js b/random-password/js/app.js
index 0523394..eccf701 100644
--- a/random-password/js/app.js
+++ b/random-password/js/app.js
@@ -11,7 +11,19 @@ const lowerInput = document.getElementById("lower-case")
 const numberInput = document.getElementById("numbers")
 const symbolInput = document.getElementById("symbols")
 
+const inputField = document.getElementById('total-char');
 
+inputField.addEventListener('input', function() {
+    const min = parseInt(inputField.min);
+    const max = parseInt(inputField.max);
+    let value = parseInt(inputField.value);
+
+    if (value < min) {
+        inputField.value = min;
+    } else if (value > max) {
+        inputField.value = max;
+    }
+});
 
 const getRandomData = (dataSet) => {
     return dataSet[Math.floor(Math.random() * dataSet.length)]