Fix status style regressions

app/soapbox/components/status.tsx

@@ -237,7 +237,7 @@ const Status: React.FC<IStatus> = (props) => {
     );
 
     reblogElementMobile = (
-      <div className='sm:hidden truncate'>
+      <div className='pb-5 -mt-2 sm:hidden truncate'>
         <NavLink
           to={`/@${status.getIn(['account', 'acct'])}`}
           onClick={(event) => event.stopPropagation()}
@@ -325,6 +325,7 @@ const Status: React.FC<IStatus> = (props) => {
         <Card
           variant={variant}
           className={classNames('status__wrapper', `status-${actualStatus.visibility}`, {
+            'py-6 sm:p-5': variant === 'rounded',
             'status-reply': !!status.in_reply_to_id,
             muted,
             read: unread === false,

app/soapbox/components/ui/card/card.tsx

@@ -33,7 +33,6 @@ const Card = React.forwardRef<HTMLDivElement, ICard>(({ children, variant = 'def
     ref={ref}
     {...filteredProps}
     className={classNames({
-      'space-y-4': true,
       'bg-white dark:bg-primary-900 text-gray-900 dark:text-gray-100 shadow-lg dark:shadow-none overflow-hidden': variant === 'rounded',
       [sizes[size]]: variant === 'rounded',
     }, className)}