diff --git a/Password Generator/index.css b/Password Generator/index.css
index b8bbf74..c282877 100644
--- a/Password Generator/index.css	
+++ b/Password Generator/index.css	
@@ -133,4 +133,11 @@ input:checked + .slider:before {
 
 .slider.round:before{
     border-radius: 50%;
+}
+
+#length{
+    padding: 0.5rem;
+    margin-bottom: 1rem;
+    border-radius: 0.3rem;
+    border: none;
 }
\ No newline at end of file
diff --git a/Password Generator/index.html b/Password Generator/index.html
index 4e75e50..4452b36 100644
--- a/Password Generator/index.html	
+++ b/Password Generator/index.html	
@@ -11,6 +11,9 @@
       <h2 id="headline1">Generate a</h2>
       <h2 id="headline2">random password</h2>
       <p id="line">Never use an insecure password</p>
+      <label for="length">Password Length:</label>
+       <input type="number" id="length" value="12" min="4" max="30">
+<br><br>
       <button id="btn">Generate Password</button>
       <hr />
       <div class="password-container">
diff --git a/Password Generator/index.js b/Password Generator/index.js
index da55d4a..fa134e7 100644
--- a/Password Generator/index.js	
+++ b/Password Generator/index.js	
@@ -39,11 +39,15 @@ const generatePassword = (length) => {
   return password;
 };
 
+
 const displayPassword = () => {
+  let passwordLength = document.getElementById("length").value;
+
   let dPassword1 = document.querySelector(".Password1");
-  dPassword1.textContent = generatePassword(13);
+  dPassword1.textContent = generatePassword(passwordLength);
+
   let dPassword2 = document.querySelector(".Password2");
-  dPassword2.textContent = generatePassword(12);
+  dPassword2.textContent = generatePassword(passwordLength);
 };
 
-document.getElementById("btn").addEventListener("click", displayPassword);
+document.getElementById("btn").addEventListener("click", displayPassword);
\ No newline at end of file