diff --git a/app/javascript/mastodon/components/status_action_bar/remove_quote_hint.module.css b/app/javascript/mastodon/components/status_action_bar/remove_quote_hint.module.css
new file mode 100644
index 00000000000..5045b6d1b95
--- /dev/null
+++ b/app/javascript/mastodon/components/status_action_bar/remove_quote_hint.module.css
@@ -0,0 +1,3 @@
+.inlineIcon {
+  vertical-align: middle;
+}
diff --git a/app/javascript/mastodon/components/status_action_bar/remove_quote_hint.tsx b/app/javascript/mastodon/components/status_action_bar/remove_quote_hint.tsx
index 69795945a02..cfa72feb684 100644
--- a/app/javascript/mastodon/components/status_action_bar/remove_quote_hint.tsx
+++ b/app/javascript/mastodon/components/status_action_bar/remove_quote_hint.tsx
@@ -12,6 +12,8 @@ import MoreHorizIcon from '@/material-icons/400-24px/more_horiz.svg?react';
 import { Button } from '../button';
 import { Icon } from '../icon';
 
+import classes from './remove_quote_hint.module.css';
+
 const DISMISSIBLE_BANNER_ID = 'notifications/remove_quote_hint';
 
 /**
@@ -92,7 +94,7 @@ export const RemoveQuoteHint: React.FC<{
                         id: 'status.more',
                         defaultMessage: 'More',
                       })}
-                      style={{ verticalAlign: 'middle' }}
+                      className={classes.inlineIcon}
                     />
                   ),
                 }}