remove .buttonAlign class

app/javascript/mastodon/components/status/action_bar.tsx

@@ -3,8 +3,6 @@ import { useCallback, useMemo } from 'react';
 
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import classNames from 'classnames';
-
 import {
   ArrowsClockwiseIcon,
   BookmarkSimpleIcon,
@@ -214,9 +212,10 @@ export const StatusActionBar: React.FC<StatusActionBarProps> = ({
     isQuotingMe && contextType === 'notifications';
 
   return (
-    <div className={classNames(classes.actions, classes.buttonAlign)}>
+    <div className={classes.actions}>
       <Button
         size='sm'
+        clipPadding
         variant='ghost'
         title={intl.formatMessage(messages.replyAll)}
         leadingIcon={ChatCircleTextIcon}

app/javascript/mastodon/components/status/content.tsx

@@ -87,10 +87,11 @@ export const StatusContent: React.FC<
       {isCollapsed && (
         <Button
           size='sm'
+          clipPadding
           variant='ghost'
           onClick={onReadMore}
           trailingIcon={CaretRightIcon}
-          className={classNames(classes.contentReadMore, classes.buttonAlign)}
+          className={classes.contentReadMore}
         >
           <FormattedMessage id='status.read_more' defaultMessage='Read more' />
         </Button>

app/javascript/mastodon/components/status/styles.module.scss

@@ -162,7 +162,3 @@
 .actionsButtonGap {
   margin-inline-end: auto;
 }
-
-.buttonAlign {
-  margin-inline-start: calc(-1 * var(--space-sm));
-}

app/javascript/mastodon/components/status/translate.tsx

@@ -37,11 +37,11 @@ export const TranslateButton: React.FC<{
       <div className={classes.translate}>
         <Button
           size='sm'
+          clipPadding
           color='accent'
           variant='ghost'
           onClick={onTranslate}
           leadingIcon={TranslateIcon}
-          className={classes.buttonAlign}
           loading={translation?.isLoading}
         >
           <FormattedMessage id='status.translate' defaultMessage='Translate' />
@@ -62,11 +62,11 @@ export const TranslateButton: React.FC<{
     <div className={classes.translate}>
       <Button
         size='sm'
+        clipPadding
         color='accent'
         variant='ghost'
         onClick={onTranslate}
         leadingIcon={TranslateIcon}
-        className={classes.buttonAlign}
       >
         <FormattedMessage
           id='status.show_original'