HTML and ejs Tags Messed Up After Save

I am pretty new to coding and learning templating at the moment. I am having trouble with html and ejs tags auto formatting after save.

As you can see in the images below (sorry, cannot embed images on the post yet since I am new here), html and ejs tags get separated after saving the file and it looks ugly. How can I prevent them from separating?

‘Files:Associations’ setting already has ‘*.ejs – html’.
‘Emmet: Include Languages’ setting also has ‘ejs – html’.
‘Editor: Default Formatter’ is set to None.
Extensions I have are ‘EditorConfig for VS Code’ and ‘EJS language support’

BeforeSave

AfterSave

Files: Associations setting

Emmet: Include Languages