diff --git a/static/index.css b/static/index.css
index 144a907..a0856ea 100644
--- a/static/index.css
+++ b/static/index.css
@@ -152,3 +152,13 @@ a:hover:after {
 .skill-keywords > i::after {
 	content: "' ";
 }
+
+.comment {
+	margin-top: 3px;
+	margin-bottom: 3px;
+	border: 2px solid #454545;
+}
+
+.comment-body {
+	background-color: rgba(222, 222, 222, 0.5);
+}
diff --git a/templates/blog_post.tmpl b/templates/blog_post.tmpl
index 14a2feb..5ab7ec5 100644
--- a/templates/blog_post.tmpl
+++ b/templates/blog_post.tmpl
@@ -6,9 +6,9 @@
 {{ range $comment := .Comments }}
 	<div class="comment">
 		<div>
-			By {{ $comment.Author }} on{{ $comment.Date }}
+			{{ $comment.Author }} at {{ $comment.Date }}
 		</div>
-		<div>
+		<div class="comment-body">
 			{{ $comment.Content }}
 		</div>
 	</div>