From 4a0ad8c6bc4892d550e6d29ad7230cbb8a731d2f Mon Sep 17 00:00:00 2001
From: James Morris <moreofmorris@users.noreply.github.com>
Date: Thu, 11 Aug 2022 12:41:27 +0100
Subject: [PATCH] Little style tweaks to comment replies border and pagination
 border

refs https://github.com/TryGhost/Team/issues/1777
---
 apps/comments-ui/src/components/Comment.js    | 2 +-
 apps/comments-ui/src/components/Pagination.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/comments-ui/src/components/Comment.js b/apps/comments-ui/src/components/Comment.js
index 6196d6c967..f1e545a500 100644
--- a/apps/comments-ui/src/components/Comment.js
+++ b/apps/comments-ui/src/components/Comment.js
@@ -91,7 +91,7 @@ const Comment = ({updateIsEditing = null, isEditing, ...props}) => {
                         <div className="flex-0 mb-4">
                             <Avatar comment={comment} saturation={avatarSaturation} isBlank={isNotPublished} />
                         </div>
-                        {!props.isReply && hasReplies && <div className="w-[3px] h-full mb-2 bg-gradient-to-b from-neutral-100 via-neutral-100 to-transparent grow rounded" />}
+                        {!props.isReply && hasReplies && <div className="w-[3px] h-full mb-2 bg-gradient-to-b from-neutral-100 via-neutral-100 dark:bg-[rgba(255,255,255,0.05)] to-transparent grow rounded" />}
                     </div>
                     <div className="grow">
                         <div className="flex items-start -mt-[3px] mb-2">
diff --git a/apps/comments-ui/src/components/Pagination.js b/apps/comments-ui/src/components/Pagination.js
index af5bb2e5ca..28a1f8da76 100644
--- a/apps/comments-ui/src/components/Pagination.js
+++ b/apps/comments-ui/src/components/Pagination.js
@@ -21,7 +21,7 @@ const Pagination = (props) => {
     return (
         <button className="group w-full text-neutral-700 font-semibold px-0 pt-0 pb-2 mb-10 font-sans text-md text-left dark:text-white flex items-center " onClick={loadMore}>
             <span className="whitespace-nowrap mr-4">↑ Show {left} previous comments</span>
-            <span className="transition-[background-color] duration-200 ease-out inline-block w-full bg-neutral-100 group-hover:bg-neutral-200 dark:bg-[rgba(255,255,255,0.05)] rounded h-[2px] mt-[3px]" />
+            <span className="transition-[background-color] duration-200 ease-out inline-block w-full bg-neutral-100 group-hover:bg-neutral-200 dark:bg-[rgba(255,255,255,0.05)] rounded h-[3px] mt-[3px]" />
         </button>
     );
 };