diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts
index 8ef22c479..fc96931ae 100644
--- a/packages/client/src/components/mfm.ts
+++ b/packages/client/src/components/mfm.ts
@@ -320,6 +320,17 @@ export default defineComponent({
 									style = `border: ${width}px ${b_style} ${color}; border-radius: ${radius}px;${token.props.args.noclip ? '' : ' overflow: clip;'}`;
 									break;
 								}
+								case 'ruby': {
+									if (token.children.length === 1) {
+										const child = token.children[0];
+										let text = child.type === 'text' ? child.props.text : '';
+										return h('ruby', {}, [text.split(' ')[0], h('rt', text.split(' ')[1])]);
+									} else {
+										const rt = token.children.at(-1)!;
+										let text = rt.type === 'text' ? rt.props.text : '';
+										return h('ruby', {}, [...genEl(token.children.slice(0, token.children.length - 1), scale), h('rt', text.trim())]);
+									}
+								}
 								case "small": {
 									return h(
 										"small",