diff --git a/templates/base.html b/templates/base.html
index 1593561..8e41627 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -16,11 +16,12 @@
 	<body>
 
 
+	<!-- Modal Dialog Box, jquery used to show / set content -->
 	<div id="dbox" class="modal fade" tabindex="-1" role="dialog">
-		<div class="modal-dialog mw-100 w-75">
+		<div class="modal-dialog mw-100 w-100">
 		    <div class="modal-content">
 				<div class="modal-header">
-					<h5 id="dbox-title" class="modal-title">Add / Remove Books to / from Loan</h5>
+					<h5 id="dbox-title" class="modal-title"></h5>
 					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
 						<span aria-hidden="true">&times;</span>
 					</button>
@@ -28,23 +29,6 @@
 				<div class="modal-body">
 					<div class="container-fluid">
 						<div id="dbox-content" class="row">
-							<div id="bfl-existing" class="col-lg-10 px-0">
-							</div>
-							<div class="col">
-								<button id="bfl-remsel-btn" class="btn btn-danger disabled" disabled onClick="RemoveSelFromLoan()">Remove Selected</button>
-							</div>
-							<div id="bfl-search" class="input-group">
-								<input class="form-control" type="text" id="bfl-search-term" placeholder="title of book(s) to add">
-								<div class="input-group-append">
-									<button type="button" class="btn btn-primary" onClick="FindNewBFL()">Search</button>
-								</div>
-							</div>
-							<br>
-							<div id="bfl-new" class="col-lg-10 px-0 py-4">
-							</div>
-							<div class="col py-4">
-                                <button id="bfl-addsel-btn" class="btn btn-success disabled" disabled style="display:none" onClick="AddSelToLoan()">Add Selected</button>
-                            </div>
 						</div>
 					</div>
 				</div>
diff --git a/templates/books_for_loan.html b/templates/books_for_loan.html
index 1410901..40e43c8 100644
--- a/templates/books_for_loan.html
+++ b/templates/books_for_loan.html
@@ -20,8 +20,27 @@
 		} )
 	}
 
-    function ShowDBox()
+    function ShowLoanDBox()
 	{
+		$('#dbox-title').html('Add / Remove Books to / from Loan')
+		div=`
+			<div id="bfl-existing" class="col-lg-10 px-0"></div>
+			<div class="col">
+				<button id="bfl-remsel-btn" class="btn btn-danger disabled" disabled onClick="RemoveSelFromLoan()">Remove Selected</button>
+			</div>
+			<div id="bfl-search" class="input-group">
+				<input class="form-control" type="text" id="bfl-search-term" placeholder="title of book(s) to add">
+				<div class="input-group-append">
+					<button type="button" class="btn btn-primary" onClick="FindNewBFL()">Search</button>
+				</div>
+			</div>
+			<br>
+			<div id="bfl-new" class="col-lg-10 px-0 py-4"></div>
+			<div class="col py-4">
+				<button id="bfl-addsel-btn" class="btn btn-success disabled" disabled style="display:none" onClick="AddSelToLoan()">Add Selected</button>
+			</div>
+			 `
+		$('#dbox-content').html(div)
 		$('#dbox').modal('show')
 		$.post( "/books_for_loan/" + {{loan_id}}, function(data) {$('#bfl-existing').html(data) } );
 	}
@@ -95,5 +114,5 @@
 	</table>
 
 	{% if not InDBox %}
-		<button type="button" class="btn btn-primary" onClick="ShowDBox()">Add/Remove Books in Loan</button>
+		<button type="button" class="btn btn-primary" onClick="ShowLoanDBox()">Add/Remove Books in Loan</button>
 	{% endif %}
