[Bug]: Event details padding in mobile devices

[Aadithapa456]

📜 Description

When we open the website in mobile device the padding in tab component of event details becomes near zero.

👟 Reproduction steps

• Open website in mobile device
• Scroll down to event details section

👍 Expected behavior

There should be a good amount of padding on x-axis.

👎 Actual Behavior with Screenshots

💻 Operating system

Something else

What browsers are you seeing the problem on?

Chrome

📃 Provide any additional context for the Bug.

No response

📖 Relevant log output

No response

👀 Have you spent some time to check if this bug has been raised before?

• [X] I checked and didn't find similar issue

🔗 Are you willing to submit PR?

None

🧑‍⚖️ Code of Conduct

• [X] I agree to follow this project's Code of Conduct

[utsavdotdev]

Thanks for raising it @Aadithapa456, Can you resolve it? You can replace the text with related icon.

[Aadithapa456]

Alright I will try to replace it with related icon.

[utsavdotdev]

Ok There is existing icon library in the project named as lucide-react. You can use from it.

[Aadithapa456]

I fixed it but I used svg for it. If it's okay than I will create a PR, if not than I will try to implement that

[utsavdotdev]

No worries, SVG Can be used. You can raise the PR

[Aadithapa456]

Alright, I have created two versions one has the library. Let me know if the library one is preferred.