From f1023b3f8017f5be5d4b0ecca712dc8cfac5e9a4 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 20 Jun 2022 16:49:23 -0500
Subject: [PATCH] ProfileHoverCard: set z-index with Tailwind class

---
 app/soapbox/components/profile-hover-card.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/components/profile-hover-card.tsx b/app/soapbox/components/profile-hover-card.tsx
index c64f54092..177ff43b6 100644
--- a/app/soapbox/components/profile-hover-card.tsx
+++ b/app/soapbox/components/profile-hover-card.tsx
@@ -97,12 +97,12 @@ export const ProfileHoverCard: React.FC<IProfileHoverCard> = ({ visible = true }
   return (
     <div
       className={classNames({
-        'absolute transition-opacity w-[320px] z-50 top-0 left-0': true,
+        'absolute transition-opacity w-[320px] z-[100] top-0 left-0': true,
         'opacity-100': visible,
         'opacity-0 pointer-events-none': !visible,
       })}
       ref={setPopperElement}
-      style={{...styles.popper, zIndex: 100}}
+      style={styles.popper}
       {...attributes.popper}
       onMouseEnter={handleMouseEnter(dispatch)}
       onMouseLeave={handleMouseLeave(dispatch)}