diff --git a/src/pages/index.astro b/src/pages/index.astro
index 797180d..b3ad598 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -39,9 +39,6 @@ const posts = (await getCollection('blog')).sort(
 	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
 );
 
-
-
-
 ---
 
 <!doctype html>
@@ -82,10 +79,10 @@ const posts = (await getCollection('blog')).sort(
 				</a>
 			</div>
 
-
+			<ul class="lastest-guestbook-logs">
 			<h3>consider adding to the <a href="/guestBook">guestbook</a></h3>
 			<h5>heres what others had to say already</h5>
-			<ul class="lastest-guestbook-logs">
+			<hr/>
 			{
 				guest_logs.map((log) => (
 					<li>
@@ -93,6 +90,7 @@ const posts = (await getCollection('blog')).sort(
 							{log.website_link? (<a href={log.website_link}>{log.website_link}</a>) : ""}:</p>
 						<p class="message">{log.message}</p>
 					</li>
+					<hr/>
 				))
 			}
 			</ul>
@@ -201,9 +199,12 @@ const posts = (await getCollection('blog')).sort(
 	}
 
 	.lastest-guestbook-logs {
+		padding-top: 2em;
 		border-radius: 2em;
-		padding: 1em;
-		background: var(--background-colour);
+		padding-left: 1em;
+		padding-right: 1em;
+		padding-bottom: 1em;
+		background: var(--guest-book-background);
 		border-style: solid;
 		border-color: blanchedalmond;
 		box-shadow: var(--box-shadow);
@@ -212,23 +213,25 @@ const posts = (await getCollection('blog')).sort(
 
 	ul > li {
 		margin-top: 1em;
-		border-radius: 1em;
 		padding-left: 1em;
 		padding-right: 1em;
-		border-style: solid;
-		border-color: blanchedalmond;
 		transition: 250ms;
-		background: var(--background-colour);
+		list-style-type: none;
 	}
 
-	ul > li:hover {
+	hr {
+		color: blue;
+  		border-top: 2px solid #1e0ff5;
+	}
+
+	/* ul > li:hover {
 		transform: translateY(-0.5em);
 		box-shadow: var(--box-shadow);
 	}
 
 	ul > li:nth-of-type(odd) {
 		background: var(--main-background-colour);
-	}
+	} */
 
 
 </style>
\ No newline at end of file
