Good First issue.

can i take this issue ?

Can this be assigned to me

@ashok-2003 You could work on this

I think this might break on smaller screens. Should we consider allowing the code to wrap into multiple lines to accommodate the full command? @vr-varad

ur call make a pr with this and lets see what can be done next

sure :)

how this looks to you ? @vr-varad ,

it would be good if u open the pr to review what changes u made @ashok-2003

@LibenHailu, we don't need this line-wrapped. Sticking with one line is ideal. It's ok if the overflow isn't visible. The scrollbar height can be cut in half and/or removed instead.

Hi @leecalcote, I am having an issue with my laptop It is crashing when I try to run the project, I think the behavior is on chrome, It looks good on firefox, I think the behavior emerges from Highlight component, maybe @ashok-2003 have you tried it with the default props if it looks good we can stick to that, it should look something like this
import Highlight, { defaultProps } from "prism-react-renderer"; <Highlight {...defaultProps} theme={theme} code={code} language="jsx">

Hey @LibenHailu, for the issue you're facing, you might want to check the Slack conversation — it could be helpful. Also, thanks for your suggestion! I'll try implementing it and let you know how it goes.

Thank you @ashok-2003!

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Closed in support of: #6494 (comment)