CSS3DRenderer gets blurry in some situations, what might be the problem?

Hello so I’ve been using 3Js for quite a while and can’t quite understand why this behavior is occuring and if there’s anyhow to fix it. The text gets blurry on this login screen
When at my login Screen is at 100% zoom:

And when it’s at 500%:

However, at 100% zoom, but another screen:

So I see we have not much docs on 3dRenderer and any help would quite be nice.

Here’s my 3drenderer setup:

const css3DRenderer = new CSS3DRenderer({element: app!});
css3DRenderer.setSize(window.innerWidth, window.innerHeight);
css3DRenderer.domElement.style.position = "absolute";
css3DRenderer.domElement.style.top = "0";
css3DRenderer.domElement.style.pointerEvents = "none";
const HTMLObject = new CSS3DObject(GameOptions(startGame));
HTMLObject.scale.set(0.1, 0.1, 0.1);

Just found out that when not focusing on the text input, it also renders normally again

What I’ve tried:
Scaling down the scene, while scaling up the 3DCssObject
Zooming in the page