From e6ee96101628df96a3532ad3669658c6f33566a0 Mon Sep 17 00:00:00 2001
From: Mary Kate <mk@marykatefain.com>
Date: Wed, 5 Aug 2020 14:27:42 -0500
Subject: [PATCH] Only render a hover profile card in the dom when relevant

---
 app/soapbox/components/status.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/components/status.js b/app/soapbox/components/status.js
index b7f21a2fd..d94de8fc9 100644
--- a/app/soapbox/components/status.js
+++ b/app/soapbox/components/status.js
@@ -476,7 +476,9 @@ class Status extends ImmutablePureComponent {
                 <NavLink to={`/@${status.getIn(['account', 'acct'])}`} title={status.getIn(['account', 'acct'])} className='status__display-name'>
                   <DisplayName account={status.get('account')} others={otherAccounts} />
                 </NavLink>
-                <ProfileHoverCardContainer accountId={status.getIn(['account', 'id'])} visible={!isMobile(window.innerWidth) && profileCardVisible} />
+                { profileCardVisible &&
+                  <ProfileHoverCardContainer accountId={status.getIn(['account', 'id'])} visible={!isMobile(window.innerWidth)} />
+                }
               </div>
             </div>