diff --git a/ui/src/components/comment-form.tsx b/ui/src/components/comment-form.tsx
index ed62fcf5c..7a75d9e4d 100644
--- a/ui/src/components/comment-form.tsx
+++ b/ui/src/components/comment-form.tsx
@@ -56,7 +56,7 @@ export class CommentForm extends Component<CommentFormProps, CommentFormState> {
 
   render() {
     return (
-      <div>
+      <div class="mb-3">
         <form onSubmit={linkEvent(this, this.handleCommentSubmit)}>
           <div class="form-group row">
             <div class="col-sm-12">
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index 14f2ee853..d386f9a8d 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -73,12 +73,12 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
         }
         <div className="ml-4">
           <div>
-            <h5 className="mb-0 d-inline">
+            <h6 className="mb-0 d-inline">
               {post.url ? 
               <a className="text-white" href={post.url} target="_blank" title={post.url}>{post.name}</a> : 
               <Link className="text-white" to={`/post/${post.id}`} title={i18n.t('comments')}>{post.name}</Link>
               }
-            </h5>
+            </h6>
             {post.url && 
               <small>
                 <a className="ml-2 text-muted font-italic" href={post.url} target="_blank" title={post.url}>{(new URL(post.url)).hostname}</a>
diff --git a/ui/src/css/main.css b/ui/src/css/main.css
index c76afd59d..e611f8d46 100644
--- a/ui/src/css/main.css
+++ b/ui/src/css/main.css
@@ -59,8 +59,9 @@ body, .text-white, .navbar-brand, .badge-light, .btn-secondary {
   height: auto;
 }
 
-.listing {
+.listing, .comment {
   min-height: 61px;
+  margin-bottom: 10px;
 }
 
 .icon {