Layout shifts when line-height is unset

[mia1024]

Hi,

Thank you so much for this. I just want to bring to your attention that, when line-height is unset, the layout shifts wildly on hover. It looks like your website sets it to 1.5em but this doesn't come with the packaged stylesheet. See the gif below:

Produced by the following code with version 0.2.6 of react18-json-view

import { createRoot } from "react-dom/client";
import JsonView from "react18-json-view";
import "react18-json-view/src/style.css";

createRoot(document.getElementById("root")!).render(
    <JsonView src={{ a: 1, b: { c: 2 } }} displaySize="collapsed" />,
);

[YYsuni]

Oh, I usually use Tailwindcss in my projects , thanks for the reminder. ❤️

[YYsuni]

I have just refined and published the new canary version. 😄