Fix name text becomes too easily clickable

src/components/status.css

@@ -299,7 +299,7 @@
   overflow: hidden;
   /* text-overflow: ellipsis; */
 }
-.status > .container > .meta .name-text {
+.status > .container > .meta .meta-name {
   mask-image: linear-gradient(to left, transparent, black 16px);
   flex-grow: 1;
 }

src/components/status.jsx

@@ -968,13 +968,14 @@ function Status({
       )}
       <div class="container">
         <div class="meta">
-          {/* <span> */}
+          <span class="meta-name">
             <NameText
               account={status.account}
               instance={instance}
               showAvatar={size === 's'}
               showAcct={isSizeLarge}
             />
+          </span>
           {/* {inReplyToAccount && !withinContext && size !== 's' && (
               <>
                 {' '}