How to fix a checkout page that's cutting off text?

Store Design
1

Hello,

I am having an issue with my checkout page cutting off text on the right side on mobile and desktop. It should look like this with the “preview” hyperlinked.

Klmp82_0-1654317956935.png
Klmp82_0-1654317956935.png1894×873 72.1 KB

What I’m seeing is this. The text is cut off and “preview” is showing a URL instead of a hyperlink. I believe because it’s not hyperlinking the long url is causing the text to cut off the screen. It happens when adding a product from my custom builder page here: https://savethedateneon.com/products/create-your-neon

Klmp82_1-1654318048484.png
Klmp82_1-1654318048484.png1901×896 74.9 KB

Would anyone be able to provide assistance with this?

Thank you!

Kendra

2

@Klmp82
Hii,

.order-summary__section__content {
  overflow: hidden !important;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid