Phaser3 in vueJs: Dealing with Text Blurriness Issue

Using Phaser3 in vueJs to run the game.

I used Phaser3 createFromHtml() to create a video tag
and gave it a border-radius of 20px for the design.

Right next to it, I used createFromHtml() with a P tag to create text.
I also had a font and increased the font size, but
the text pixels were getting blurry.

To solve this, I tried things like displayPixelRotate, creating it with this.add.text and settingScale (high value), and using this.add.dom object setScale (high value), etc., but failed.

After removing the video’s border-radius, the font resolution changed correctly.

I’m curious if there are other solutions to this issue (besides removing the border-radius).