fix hover card width (#8392)

1 files changed, 9 insertions, 3 deletions

diff --git a/src/components/ProfileHoverCard/index.web.tsx b/src/components/ProfileHoverCard/index.web.tsx
index 4f6545a2e..17148a1b3 100644
--- a/src/components/ProfileHoverCard/index.web.tsx
+++ b/src/components/ProfileHoverCard/index.web.tsx
@@ -381,8 +381,8 @@ let Card = ({
         t.atoms.bg,
         t.atoms.border_contrast_low,
         t.atoms.shadow_lg,
-        a.w_full,
-        {maxWidth: status.isActive ? 500 : 300},
+        {width: status.isActive ? 350 : 300},
+        a.max_w_full,
       ]}>
       {data && moderationOpts ? (
         status.isActive ? (
@@ -396,7 +396,13 @@ let Card = ({
           <Inner profile={data} moderationOpts={moderationOpts} hide={hide} />
         )
       ) : (
-        <View style={[a.justify_center, a.align_center, {minHeight: 200}]}>
+        <View
+          style={[
+            a.justify_center,
+            a.align_center,
+            {minHeight: 200},
+            a.w_full,
+          ]}>
           <Loader size="xl" />
         </View>
       )}