Attack simulator training payloads CSS not applying for an ethical phishing campaign

Question

Dears,

I'm having an issue with DefenderATP cloud security platform (security.microsoft.com) and attack simulation payload creation. When creating email or login pages, CSS is not being applied to the html.

On offline index.html file the content shows like:

Tried with different browsers (Edge, Chrome, Firefox), and screen sizes (laptops, all Windows 10/11)

But launching the campaign or as a test preview is seen as:

And the real login page accessed by the phishing link also shows the same no-css page.

There is no @media that controls the screen size. No

Answer 1

Well, solved.

No <main> tags allowed.

Also MS deleted the file I attached and some lines... Sorry for that.

Answer 2

Hello @Albert Garangou,

I'm glad that you were able to resolve your issue and thank you for posting your solution so that others experiencing the same thing can easily reference this! Since the Microsoft Q&A community has a policy that "The question author cannot accept their own answer. They can only accept answers by others ", I'll repost your solution in case you'd like to "Accept " the answer.

Issue: Attack simulator training payloads CSS not applying for an ethical phishing campaign

Solution: Resolved by @Albert Garangou by following below steps.

No <main> tags allowed.

If you have any other questions or are still running into more issues, please let me know. Thank you again for your time and patience throughout this issue.

Please remember to "Accept Answer" if any answer/reply helped, so that others in the community facing similar issues can easily find the solution.

Thanks,
Raja Pothuraju.