How to fix LaTeX inputs wrapping in Sanity’s Portable Text editor
December 23, 2021
I was having an issue with Sanity’s official LaTeX plugin where inline equations were being wrapped at a certain width, and were therefore overlapping back on themselves:
I found that this was due to some CSS that’s bundled inside Sanity Studio.
To fix this, I created a custom CSS file that I named custom.css
, and put this CSS into that file to override the problematic styles:
*[data-ui="Card"] > span > span {
max-width: none;
}
Then, to tell Sanity Studio to include that CSS custom.css
file, I referenced it in my sanity.json
file:
{
...
"parts": [
...
{
"implements": "part:@sanity/base/theme/variables/override-style",
"path": "custom.css"
}
]
}
Now, with that custom CSS fixing the issue, the LaTeX inline inputs are the correct width!
Subscribe to my newsletter!
A weekly round-up of new blog posts and updates to projects I’m working on.