diff --git a/templates/storyteller-stream/tts-configs.html b/templates/storyteller-stream/tts-configs.html
index 625afd1d13..3c3927e2a5 100644
--- a/templates/storyteller-stream/tts-configs.html
+++ b/templates/storyteller-stream/tts-configs.html
@@ -171,18 +171,18 @@
 <!-- Delete Modal -->
 <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
-    <div class="modal-content p-2">
-      <div class="modal-header">
-        <h5 class="modal-title fw-bold" id="exampleModalLabel"><i class="fa-solid fa-trash-can me-3"></i>Delete Rules</h5>
+    <div class="modal-content">
+      <div class="modal-header px-4">
+        <h5 class="modal-title fw-bold" id="exampleModalLabel"><i class="fa-solid fa-trash-can me-3"></i>Delete Rule</h5>
         <button type="button" class="modal-close-btn" data-bs-dismiss="modal" aria-label="Close"><i class="fa-solid fa-xmark"></i></button>
       </div>
-      <div class="modal-body py-4">
-        <p>Are you sure you want to delete this rule?<br/>This cannot be undone.</p>
+      <div class="modal-body p-4">
+        <p>Are you sure you want to delete this rule?<br/><span class="fw-bold">This cannot be undone.</span></p>
       </div>
-      <div class="modal-footer d-flex justify-content-center">
+      <div class="modal-footer d-flex justify-content-center px-4 py-3">
         <div class="d-flex w-100 gap-3">
-          <button type="button" class="btn btn-secondary w-50" data-bs-dismiss="modal"><i class="fa-solid fa-xmark me-2"></i>Close</button>
-          <button type="button" class="btn btn-destructive w-50"><i class="fa-solid fa-trash-can me-2"></i>Delete</button>
+          <button type="button" class="btn btn-secondary w-50" data-bs-dismiss="modal">Cancel</button>
+          <button type="button" class="btn btn-primary w-50">Confirm</button>
         </div>
       </div>
     </div>