Text Overlapping in Frontend Design around Graph

[nitin-787]

Did you clear cache before opening an issue?

• [X] I have cleared my cache

Is there an existing issue for this?

• [X] I have searched the existing issues

Does the issue happen when logged in?

Yes

Does the issue happen when logged out?

No

Does the issue happen in incognito mode when logged in?

N/A

Does the issue happen in incognito mode when logged out?

No

Account name

nex07

Account config

{"theme":"serika_dark","themeLight":"serika","themeDark":"serika_dark","autoSwitchTheme":false,"customTheme":false,"customThemeColors":["#323437","#e2b714","#e2b714","#646669","#2c2e31","#d1d0c5","#ca4754","#7e2a33","#ca4754","#7e2a33"],"favThemes":[],"showKeyTips":true,"showLiveWpm":false,"showTimerProgress":true,"smoothCaret":true,"quickRestart":"off","punctuation":false,"numbers":false,"words":10,"time":60,"mode":"time","quoteLength":[1],"language":"english","fontSize":1.5,"freedomMode":false,"difficulty":"normal","blindMode":false,"quickEnd":false,"caretStyle":"default","paceCaretStyle":"default","flipTestColors":false,"layout":"default","funbox":"none","confidenceMode":"off","indicateTypos":"off","timerStyle":"mini","colorfulMode":false,"randomTheme":"off","timerColor":"main","timerOpacity":"1","stopOnError":"off","showAllLines":false,"keymapMode":"off","keymapStyle":"staggered","keymapLegendStyle":"lowercase","keymapLayout":"overrideSync","keymapShowTopRow":"layout","fontFamily":"Roboto_Mono","smoothLineScroll":false,"alwaysShowDecimalPlaces":false,"alwaysShowWordsHistory":false,"singleListCommandLine":"manual","capsLockWarning":true,"playSoundOnError":false,"playSoundOnClick":"off","soundVolume":"0.5","startGraphsAtZero":true,"showOutOfFocusWarning":true,"paceCaret":"off","paceCaretCustomSpeed":100,"repeatedPace":true,"pageWidth":"125","accountChart":["on","on","on"],"minWpm":"off","minWpmCustomSpeed":100,"highlightMode":"letter","alwaysShowCPM":false,"ads":"result","hideExtraLetters":false,"strictSpace":false,"minAcc":"off","minAccCustom":90,"showLiveAcc":false,"showLiveBurst":false,"monkey":false,"repeatQuotes":"off","oppositeShiftMode":"off","customBackground":"","customBackgroundSize":"cover","customBackgroundFilter":[0,1,1,1,1],"customLayoutfluid":"qwerty#dvorak#colemak","monkeyPowerLevel":"off","minBurst":"off","minBurstCustomSpeed":100,"burstHeatmap":false,"britishEnglish":false,"lazyMode":false,"showAverage":"off","tapeMode":"off"}

Current Behavior

Text is overlapping with other elements, specifically around the graph.

Expected Behavior

Text should be clearly visible and not overlap with other elements on the page.

Steps To Reproduce

Navigate to https://monkeytype.com/account Observe that text is overlapping around graph

Environment

• OS: Windows 11
• Browser: Brave
• Browser Version: Version 1.50.114 Chromium: 112.0.5615.49 (Official Build) (64-bit)

Anything else?

Note This is working pretty good in chrome browser

• The text that is overlapping appears to be dynamically generated, and changes as the user interacts with the page.
• The graph around which the text is overlapping appears to be properly sized and positioned on the page.
• This issue may be related to changes made to the frontend design or layout

[Miodec]

Does the issue happen in incognito mode when logged out? No

Could be extensions? Have you tested other browsers?

[nitin-787]

yes, it is working fine in chrome as I mentioned in the issue

[Miodec]

Can you try disabling extensions one by one to find out which one is causing this?

[nitin-787]

Can you try disabling extensions one by one to find out which one is causing this?

I'll do it today

[nitin-787]

I think the issue is specific to the Brave browser.

[Miodec]

Brave looks fine to me. You sure there were no extensions enabled in Brave?

[nitin-787]

I tried disabling every extension that I am using and even re-installed the brave, but the result is same

[mind0bender]

Hey @nitin-787, I tried to reproduce the behaviour with your settings on Brave 1.57.64 Chromium: 116.0.5845.188 (Official Build) (64-bit), but couldn't. maybe you should try updating your Brave browser.