In the blog detail modal, the top-right header elements (category badge, favorite icon, and close button) were overlapping the title, causing layout clutter and poor alignment.

[Eshita-Badhe]

Which issue does this PR close?

• Closes Blog Modal Top Bar Buttons Overlapping #1576

Rationale for this change

What changes are included in this PR?

• Removed conflicting flex layout from .modal-header
• Adjusted absolute positioning of header icons
• Improved title spacing with proper padding
• Ensured meta and category sections stack correctly
• Preserved responsive behavior

Are these changes tested?

Yes.

Are there any user-facing changes?

Yes.

• Clean header layout
• Proper spacing between title and icons
• No overlapping elements
• Stable modal rendering across screen sizes

Screenshot

---

Note: I have worked on this under SWoC26..!
@omroy07, Please review...

[vercel]

@Eshita-Badhe is attempting to deploy a commit to the Om Roy's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[github-actions]

🎉 Congrats @Eshita-Badhe on getting your PR merged! 🙌
Thanks for the contribution — looking forward to more from you 🚀