diff --git a/templates/book.html b/templates/book.html
index b826bc3..78fa81f 100644
--- a/templates/book.html
+++ b/templates/book.html
@@ -4,7 +4,7 @@
 
 	<h3><center>View/Edit Book</center></h1>
 		{% set keys = [ 'title', 'author', 'publisher', 'genre', 'owned', 'covertype', 'condition', 'year_published', 'rating', 'notes', 'blurb' ] %}
-		<div class="container"><div class="row"><form class="form col-lg-12">
+		<div class="container-fluid"><div class="row"><form class="form col-lg-9">
 			{% for key in keys %}
 				<div class="form-row">
 					<label for="{{key}}" class="col-lg-2 col-form-label">{{key}}:</label>
@@ -85,7 +85,7 @@
 					{% endif %}
 				</div class="form-row">
 			{% endfor %}
-		</form></div class="row"></div class="container">
+		</form>
 		{% if books.sub_book|length %}
 			<p>sub_book is defined: {{books.sub_book}}</p>
 		{% endif %}
@@ -93,7 +93,20 @@
 			<p>subs is defined {{ books.subs }}</p>
 		{% endif %}
 		{% if books.loan|length %}
-			<p>loan is defined: {{books.loan}}</p>
+				<div class="col">
+					<div class="card border-info" style="max-width: 18rem;">
+					  <div class="card-header">Loaned to</div>
+						<div class="card-body text-info">
+							<h5 class="card-title">{{books.loan[0].firstnames}} {{books.loan[0].surname}}</h5>
+						    <p class="card-text">
+								Date Lent: {{books.loan[0].date_lent}}<br>
+								Contact: {{books.loan[0].contact_details}}
+						</div>
+					</div>
+				</div>
+			</div>
 		{% endif %}
+		</div class="row">
+		</div class="container">
 
 {% endblock main_content %}