Problem with copy button overlapping text

[dsalazarm]

Hello: We're seeing a weird behavior when the 1st line of code is long enough, the copy button overlaps with the text.

I'm attaching some screenshots:

• Current behavior:

• Issue:

I found that there is a 0 value for top in this: https://github.com/code-hike/codehike/blob/14554f722aecfcada4e93eb6e786de052ddc3681/packages/mdx/src/smooth-code/smooth-container.tsx#L134

if we add, let's say 5px to this property, it will look like this:

• 5px top value:

• or with 10px:

• Another option is changing the top property for .ch-code-button to 5px:

What do you think its the best option for this?

I can create a PR once we make a final decission