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

[Nctawade]

I think last one "ch-code" makes more sense