diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts
index 650a79832..23a933348 100644
--- a/packages/client/src/components/mfm.ts
+++ b/packages/client/src/components/mfm.ts
@@ -244,11 +244,11 @@ export default defineComponent({
 									break;
 								}
 								case "crop": {
-									const top = parseFloat(token.props.args.top ?? "0%");
-									const right = parseFloat(token.props.args.right ?? "0%");
-									const bottom = parseFloat(token.props.args.bottom ?? "0%");
-									const left = parseFloat(token.props.args.left ?? "0%");
-									style = `clip-path: inset(${top} ${right} ${bottom} ${left});`;
+									const top = parseFloat(token.props.args.top ?? "0");
+									const right = parseFloat(token.props.args.right ?? "0");
+									const bottom = parseFloat(token.props.args.bottom ?? "0");
+									const left = parseFloat(token.props.args.left ?? "0");
+									style = `clip-path: inset(${top}% ${right}% ${bottom}% ${left}%);`;
 									break;
 								}
 								case "scale": {