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

Questions
,
1

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:

image
image681×936 97.7 KB

And when it’s at 500%:

image
image686×941 101 KB

However, at 100% zoom, but another screen:

image
image677×942 107 KB

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);
screenMesh.add(HTMLObject);

Edit:
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