Align time picker circle to centered horizontally

[p42rthicle]

Pull request (PR) checklist

Please check if your pull request fulfills the following requirements:

• [x] I've read the Contribution Guidelines and my PR doesn't break the rules.
• [x] I've read and understand the Developer Guidelines.
• [x] I confirm that I've run the code locally and everything works as expected.
• [x] My PR includes only the necessary changes to fix the issue (i.e., no unnecessary files or lines of code are changed).
• [x] 🎬 I've attached a screen recording of using the new code to the next paragraph (if applicable).

Screen recording of your changes (if applicable):

N/A

What's changed?

Describe with a few bullets what's new:

• I've the horizontal alignment of timepicker circle to be centered horizontally

Before	After

Risk factors

What may go wrong if we merge your PR?

• Harmless change

In what cases won't your code work?

• N/A

Does this PR close any GitHub issues?

• Closes #3599

Troubleshooting GitHub Actions (CI) failures ❌

Pull request checks failing? Read our CI Troubleshooting guide.