🐛 Bug: Some given code getting difficult to read on code playground on mobile

[jagpreetrahi]

Describe the bug

When we read the code on code playground, it gets difficult to read due to its inconsistent UI, which means the code overrides the language mode and we are not able to read it properly. This problem occurs only in some places.

Steps To Reproduce

Go to Docs
Click on Reference
Explore content and check it the code playground where some code overrides the language mode

Expected Behavior

Code should be read properly on code background in mobile device, so that anyone understand properly well without facing any difficulty.

Screenshots

Device Information [optional]

- Device - Android

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[idanidan29]

hey @jagpreetrahi thanks for the issue, how would you suggest solving this?

[benjagm]

@idanidan29 Are you plannning to review the code snippet components as part of GSoC?

[deveshru2712]

Hi, I would like to contribute to this issue. I have something in my mind and have seen the codebase. Please assign this issue to me.

[animeshsahoo1]

@deveshru2712 a tip you can see which issue you can contribute to by seeing their tags this is valid issue but its in discussion right now

[idanidan29]

@benjagm, sorry for the late reply, this should be fixed as part of #1762.