diff --git a/index.js b/index.js
index 05e37e0..6870809 100644
--- a/index.js
+++ b/index.js
@@ -108,6 +108,7 @@ function handleEditClick(e) {
   const editedDescriptionText = descriptionInput.value;
   const editedDueDate = new Date(dueDateInput.value);
   const currentDate = new Date().toISOString().split("T")[0];
+  const editedPriority=document.getElementById("priority").value;
 
   if (!editedItemText.trim()) {
     displayErrorMessage("Task not entered");
@@ -123,15 +124,23 @@ function handleEditClick(e) {
     displayErrorMessage("Due date has already passed !!!");
     return false;
   }
+  if(!editedPriority){
+    displayErrorMessage("Please select priority")
+    return false
+  }
 
   const listItem = editItem.parentElement;
   console.log(listItem.childNodes)
   console.log(listItem.childNodes[1].textContent)
   listItem.childNodes[1].textContent = editedItemText;
   listItem.childNodes[4].textContent = "Description:"+editedDescriptionText;
+  listItem.childNodes[7].textContent = editedPriority;
   if (editedDueDate >= new Date(currentDate)) {
     listItem.childNodes[6].textContent = `Due Date:${dueDateInput.value}`;
   }
+  const capitalizedPriority =editedPriority.charAt(0).toUpperCase() + editedPriority.slice(1).toLowerCase();
+console.log(editedPriority)
+    listItem.className = `list-group-item card shadow mb-4 bg-transparent ${priorityColors[capitalizedPriority]}`;
 
   displaySuccessMessage("Task edited successfully !!!");
   editItem = null;
diff --git a/style.css b/style.css
index a92d25f..4c2ca39 100644
--- a/style.css
+++ b/style.css
@@ -351,6 +351,7 @@ body.dark-mode::before {
   word-break: break-all;
   word-wrap: break-word;
   padding: 0.75rem;
+  width:80%;
 }
 
 .list-group-item button {
@@ -1005,6 +1006,9 @@ ul {
   flex-wrap: wrap;
   width: 100vw;
 }
+ul.list-group {
+  width: auto;
+}
 
 li {
   margin:10px;