Chatbot icon alignement

[dishathakurata]

Describe your issue

As it is seen in the picture, the chatbot icon is not in the middle but shifted towards the upper left corner.

Steps to reproduce the bug

1. Load the page
2. In the lower right corner, you can see a chatbot feature
3. The astronaut icon is misplaced

What was the expected result?

The chatbot icon should be in the middle which will look appealing.

Put here any screenshots or videos (optional)

Would you like to work on this issue?

Yes

How will you fix this? (Only if you want to work on this issue)

I can fix this issue by making appropriate changes in the margin of the icon.

Assign this issue to me under GSSoC.
My code is ready, I'm just waiting for this issue to be assigned to me.

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! Meanwhile you can show some love to this repo by starring it and following the maintainers : @PranavBarthwal , @surajvast1 & @harshit-sharmaaa 😊