diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx
index 45703945..b90c2b9a 100644
--- a/ui/src/components/comment-node.tsx
+++ b/ui/src/components/comment-node.tsx
@@ -70,7 +70,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
             <svg class="pointer icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
           </div>
         </div>
-        <div id={`comment-${node.comment.id}`} className={`details ml-4 ${this.isCommentNew ? 'mark' : ''}`}>
+        <div id={`comment-${node.comment.id}`} className={`details comment-node ml-4 ${this.isCommentNew ? 'mark' : ''}`}>
           <ul class="list-inline mb-0 text-muted small">
             <li className="list-inline-item">
               <Link className="text-info" to={`/u/${node.comment.creator_name}`}>{node.comment.creator_name}</Link>
diff --git a/ui/src/css/main.css b/ui/src/css/main.css
index ef562171..57e1cb35 100644
--- a/ui/src/css/main.css
+++ b/ui/src/css/main.css
@@ -59,12 +59,7 @@ body, .text-white, .navbar-brand, .badge-light, .btn-secondary {
   height: auto;
 }
 
-.listing {
-  /* min-height: 61px; */
-  margin-bottom: 10px;
-}
-
-.details {
+.listing, .comment-node {
   margin-bottom: 10px;
 }