diff --git a/README.md b/README.md
index 82a7932..da96ed1 100644
--- a/README.md
+++ b/README.md
@@ -35,7 +35,7 @@ did not install via Composer or you want to publish the assets yourself, move th
 the library's **assets/** directory into your **public/** directory. You can then include them
 in your `<head>` tag or use the **Assets** config file to load them for certain routes:
 
-```
+```php
 	public $routes = [
 		'' => [
 			'vendor/bootstrap/bootstrap.min.css',
@@ -47,7 +47,14 @@ in your `<head>` tag or use the **Assets** config file to load them for certain
 		],
 ```
 
-If you install assets manually be sure to include Bootstrap.
+If you install assets manually be sure to include Bootstrap. Once the files are in place set
+the site URL with a `<script>` tag in your views or layouts:
+
+```html
+	<script>
+		var baseUrl = "<?= base_url() ?>";
+	</script>
+```
 
 ### Authentication
 
@@ -62,7 +69,7 @@ your own.
 The easiest way to start a chat is with the helper. Load the helper file (`helper('chat')`)
 and then use the `chat($uid, $title)` command wherever you would use a partial view:
 
-```
+```html
 <div id="main">
 	<h3>Yellow Widgets</h3>
 	<p>Main product info here!</p>
diff --git a/assets/chat.js b/assets/chat.js
index 65be035..aaae83e 100644
--- a/assets/chat.js
+++ b/assets/chat.js
@@ -35,7 +35,7 @@ $(".card-body").scrollTop(10000);
 
 // Handle submitting messages via AJAX
 function sendMessage(formElement) {
-	const url = siteUrl + 'chatapi/messages';
+	const url = siteUrl + '/chatapi/messages';
 	const data = new URLSearchParams(new FormData(formElement));
 
 	fetch(url, {
diff --git a/src/Views/conversation.php b/src/Views/conversation.php
index 94e7f92..5512246 100644
--- a/src/Views/conversation.php
+++ b/src/Views/conversation.php
@@ -6,6 +6,15 @@
 
 			<?php foreach ($conversation->messages as $message): ?>
 
+			<?php if (empty($day) || $day !== $message->created_at->format('n/j/Y')): ?>
+			<?php $day = $message->created_at->format('n/j/Y'); ?>
+			<div class="row">
+				<div class="col-5"><hr></div>
+				<div class="col-2"><?= $day ?></div>
+				<div class="col-5"><hr></div>
+			</div>
+			<?php endif; ?>
+
 			<?= view('Tatter\Chat\Views\message', ['message' => $message]) ?>
 
 			<?php endforeach; ?>
diff --git a/src/Views/message.php b/src/Views/message.php
index 988c0fe..ac81f34 100644
--- a/src/Views/message.php
+++ b/src/Views/message.php
@@ -2,15 +2,69 @@
 			<?php if ($message->participant->user_id == user_id()): ?>
 
 			<div class="chat-row text-right">
-				<span class="chat-message d-inline-block m-1 py-1 px-2 rounded-lg small text-white bg-primary"><?= $message->content ?></span>
-				<span class="chat-avatar d-inline-block m-1 p-2 rounded-circle text-uppercase text-dark bg-light" data-toggle="tooltip" title="<?= $message->participant->username ?>"><?= substr($message->participant->username, 0, 2) ?></span>
+				<span
+					class="
+						chat-message
+						d-inline-block
+						rounded-lg
+						small
+						text-white
+						bg-primary
+						m-1
+						py-1
+						px-2
+					"
+					data-toggle="tooltip"
+					title="<?= $message->created_at->format('g:i A') ?>"
+				><?= $message->content ?></span>
+				<span
+					class="
+						chat-avatar
+						d-inline-block
+						rounded-circle
+						text-uppercase
+						text-dark
+						bg-light
+						m-1
+						p-2
+					"
+					data-toggle="tooltip"
+					title="<?= $message->participant->name ?: $message->participant->username ?>"
+				><?= substr($message->participant->username, 0, 2) ?></span>
 			</div>
 
 			<?php else: ?>
 
 			<div class="chat-row">
-				<span class="chat-avatar d-inline-block m-1 p-2 rounded-circle text-uppercase text-dark bg-light" data-toggle="tooltip" title="<?= $message->participant->username ?>"><?= substr($message->participant->username, 0, 2) ?></span>
-				<span class="chat-message d-inline-block m-1 py-1 px-2 rounded-lg small text-white bg-secondary"><?= $message->content ?></span>
+				<span
+					class="
+						chat-avatar
+						d-inline-block
+						rounded-circle
+						text-uppercase
+						text-dark
+						bg-light
+						m-1
+						p-2
+					"
+					data-toggle="tooltip"
+					title="<?= $message->participant->name ?: $message->participant->username ?>"
+				><?= substr($message->participant->username, 0, 2) ?></span>
+				<span
+					class="
+						chat-message
+						d-inline-block
+						rounded-lg
+						small
+						text-white
+						bg-secondary
+						m-1
+						py-1
+						px-2
+					"
+					data-toggle="tooltip"
+					title="<?= $message->created_at->format('g:i A') ?>"
+				><?= $message->content ?></span>
 			</div>
 			
 			<?php endif; ?>
