diff --git a/web/startScan/templates/startScan/detail_scan.html b/web/startScan/templates/startScan/detail_scan.html
index a0fc4103..4c108506 100644
--- a/web/startScan/templates/startScan/detail_scan.html
+++ b/web/startScan/templates/startScan/detail_scan.html
@@ -692,6 +692,44 @@ Scan Findings
 		</div>
 	</div>
 </div>
+<div class="modal fade" id="addSubdomainTaskModal" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-lg">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title">Add Todo for <span id="todo-modal-subdomain-name"></span></h4>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <div class="compose-box">
+          <div class="compose-content" id="addTaskModalTitle">
+            <form>
+              <div class="row">
+                <div class="col-md-12">
+                  <div class="d-flex mail-to mb-4">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-3 flaticon-notes"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path></svg>
+                    <div class="w-100 ms-2">
+                      <input id="subdomainTodoTitle" type="text" placeholder="Todo Title" class="form-control" name="task">
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div class="d-flex  mail-subject mb-4">
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text flaticon-menu-list"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                <div class="w-100 ms-2">
+                  <textarea class="form-control" id="subdomainTodoDescription" rows="5" spellcheck="false" placeholder="Recon Todo/Note"></textarea>
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button class="btn btn-primary" id="add-todo-subdomain-submit-button">Add Recon Todo</button>
+      </div>
+    </div>
+  </div>
+</div>
 {% endblock main_content %}
 
 {% block page_level_script %}
diff --git a/web/static/custom/todo.js b/web/static/custom/todo.js
index 37aaa763..ea65f3c3 100644
--- a/web/static/custom/todo.js
+++ b/web/static/custom/todo.js
@@ -90,14 +90,15 @@ function change_todo_priority(todo_id, imp_type){
 
 function list_subdomain_todos(subdomain_id, subdomain_name){
   $('.modal-title').html(`Todos for subdomain ${subdomain_name}`);
-  $('#exampleModal').modal('show');
-  $('.modal-text').empty(); $('#modal-footer').empty();
-  $('.modal-text').append(`<div class='outer-div' id="modal-loader"><span class="inner-div spinner-border text-info align-self-center loader-sm"></span></div>`);
+  $('#modal_dialog').modal('show');
+  $('#modal-content').empty();
+   $('#modal-footer').empty();
+  $('#modal-content').append(`<div class='outer-div' id="modal-loader"><span class="inner-div spinner-border text-info align-self-center loader-sm"></span></div>`);
   // query subdomains
   $.getJSON(`/api/listTodoNotes/?subdomain_id=${subdomain_id}&format=json`, function(data) {
     $('#modal-loader').empty();
-    $('#modal-text-content').empty();
-    $('#modal-text-content').append(`<ul id="todo-modal-content-ul"></ul>`);
+    $('#modal-content').empty();
+    $('#modal-content').append(`<ul id="todo-modal-content-ul"></ul>`);
     for (todo in data['notes']){
       todo_obj = data['notes'][todo];
       important_badge = '';
@@ -125,7 +126,7 @@ function list_subdomain_todos(subdomain_id, subdomain_name){
 }
 
 function get_task_details(todo_id){
-  $('#exampleModal').modal('show');
+  $('#modal_dialog').modal('show');
   $('.modal-text').empty(); $('#modal-footer').empty();
   $('.modal-text').append(`<div class='outer-div' id="modal-loader"><span class="inner-div spinner-border text-info align-self-center loader-sm"></span></div>`);
   $.getJSON(`/api/listTodoNotes/?todo_id=${todo_id}&format=json`, function(data) {