UI rendering issue for Average Response Time on Safari browsers

[Br0wnHammer]

Describe the bug
When accessing any Uptime Monitor Page on Safari browsers, the UI does not render as expected. This issue is not observed on Chromium-based browsers such as Google Chrome or Microsoft Edge.

To Reproduce
Steps to reproduce the behavior:

1. Open Safari browser
2. Navigate to https://checkmate-demo.bluewavelabs.ca/uptime/675ae71f81fcf7ef5cab4ab1
3. Observe the rendering issue.

Expected behavior
The page should render the same way it does on Chromium-based browsers, with consistent styling and functionality.

Screenshots

Desktop (please complete the following information):

• Browser: Safari [Version 18.2 (20620.1.16.11.8)]
• OS: [15.2 (24C101)]

[ajhollid]

Hi @Br0wnHammer ,

Is the Average Response Time gauge chart the only issue you've encountered?

[Br0wnHammer]

Hey @ajhollid,
I fell upon this issue while working on UptimeDataTable, I haven't browsed the whole website yet.

[ajhollid]

Hey @ajhollid, I fell upon this issue while working on UptimeDataTable, I haven't browsed the whole website yet.

Thanks for the bug report, if you have time at some point it would be asweome if you could run through the app and see what you can find. No rush, just if you have the chance 👍

[Br0wnHammer]

Hey @ajhollid, I fell upon this issue while working on UptimeDataTable, I haven't browsed the whole website yet.

Thanks for the bug report, if you have time at some point it would be asweome if you could run through the app and see what you can find. No rush, just if you have the chance 👍

No worries, I will do so and revert here. 👾

[Br0wnHammer]

@ajhollid

In the side menu of checkmate when we click on the Other tab and a dropdown appears it offsets the user profile abruptly.
I am attaching a screenshot for you to refer.

[Br0wnHammer]

In the profile section:
While updating the user photo "Upload keyword is missing" (assuming it is upload)

[Br0wnHammer]

In the same section during dark mode the update button is not at all visible which breaks the UI flow.

[Br0wnHammer]

@ajhollid Can I work on fixing the button not showing in dark mode and fixing the "Click to upload" text?

[gorkem-bwl]

Yep, go ahead please @Br0wnHammer

Please use the button component for this.