From a4fe453bfad9d2c2a8ce07059ca3df233d95ff85 Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Wed, 27 Jul 2022 11:15:36 +0200
Subject: [PATCH] Fixed CTA spacing in empty state

refs #1704
---
 apps/comments-ui/src/components/NotSignedInBox.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/comments-ui/src/components/NotSignedInBox.js b/apps/comments-ui/src/components/NotSignedInBox.js
index 72e3674d3f..395bf3fdef 100644
--- a/apps/comments-ui/src/components/NotSignedInBox.js
+++ b/apps/comments-ui/src/components/NotSignedInBox.js
@@ -12,6 +12,8 @@ const NotSignedInBox = (props) => {
         color: accentColor
     };
 
+    const firstComment = (props.isFirst ? {borderTop: '0px', paddingTop: '0'} : {});
+
     const titleText = (props.isFirst ? 'Want to be the first to comment?' : 'Want to join the discussion?');
 
     const handleSubscribeClick = (event) => {
@@ -23,7 +25,7 @@ const NotSignedInBox = (props) => {
     };
 
     return (
-        <section className="text-center mb-1 pt-12 pb-10 px-8 border-t border-[#f1f1f1]">
+        <section className="text-center mb-1 pt-12 pb-10 px-8 border-t border-[#f1f1f1]" style={firstComment}>
             <h1 className="text-center text-black text-[22px] font-sans font-semibold mb-4 tracking-tight dark:text-white">{titleText}</h1>
             <button onClick={handleSubscribeClick} className="text-white font-sans py-3 px-4 mb-6 rounded inline-block font-medium" style={buttonStyle}>
                 Subscribe now