diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts
index 0099eb4654..49bd8d8c42 100644
--- a/packages/client/src/components/mfm.ts
+++ b/packages/client/src/components/mfm.ts
@@ -178,12 +178,12 @@ export default defineComponent({
 							return h(MkSparkle, {}, genEl(token.children));
 						}
 						case 'rotate': {
-							const rotateDir =
-								token.props.args.x ? 'X' :
-								token.props.args.y ? 'Y' :
-								'';
+							const rotate =
+								token.props.args.x ? 'perspective(128px) rotateX' :
+								token.props.args.y ? 'perspective(128px) rotateY' :
+								'rotate';
 							const degrees = parseInt(token.props.args.deg) || '90';
-							style = `transform: rotate${rotateDir}(${degrees}deg); transform-origin: center center;`;
+							style = `transform: ${rotate}(${degrees}deg); transform-origin: center center;`;
 							break;
 						}
 					}