fix: Styled input field

[Sadeedpv]

What type of PR is this? (check all applicable)

• [ ] 🍕 Feature
• [x] 🐛 Bug Fix
• [ ] 📝 Documentation Update
• [ ] 🎨 Style
• [ ] 🧑‍💻 Code Refactor
• [ ] 🔥 Performance Improvements
• [ ] ✅ Test
• [ ] 🤖 Build
• [ ] 🔁 CI
• [ ] 📦 Chore (Release)
• [ ] ⏩ Revert

Description

Icons in the input field of the hero section in the page could be aligned with a simple flex and modifying tailwind-css at line 76 and adding an extra div at line 77;

Related Tickets & Documents

Fixes #473

Mobile & Desktop Screenshots/Recordings

Before:

After:

Added tests?

• [ ] 👍 yes
• [x] 🙅 no, because they aren't needed
• [ ] 🙋 no, because I need help

Added to documentation?

• [ ] 📜 README.md
• [ ] 📓 docs.opensauced.pizza
• [ ] 🍕 dev.to/opensauced
• [ ] 📕 storybook
• [x] 🙅 no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

[netlify[bot]]

✅ Deploy Preview for hot-sauced-ui ready!

Name	Link
🔨 Latest commit	65a4163784886fbcb7cbf08f17af4b951705195c
🔍 Latest deploy log	https://app.netlify.com/sites/hot-sauced-ui/deploys/64b1250baf99f4000973cc9c
😎 Deploy Preview	https://deploy-preview-475--hot-sauced-ui.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[bdougie]

@Sadeedpv can you share a before and after?

[Sadeedpv]

Please merge this PR

[github-actions[bot]]

:tada: This PR is included in version 2.33.1-beta.1 :tada:

The release is available on:

• GitHub release
• ghcr.io container (@beta dist-tag)

Your semantic-release bot :package::rocket:

[github-actions[bot]]

:tada: This PR is included in version 2.33.1 :tada:

The release is available on:

• GitHub release
• ghcr.io container (@latest dist-tag)

Your semantic-release bot :package::rocket: