How can I add side spacing to my review widget on mobile view?

[ecomlegend01]

Hi, I have a problem with the spacing of my review widget on mobile view. It is not adding any spacing to the sides, and that makes it look quite weird. How can I add spacing to the sides to make it look better?

URL = https://stylonhair.nl/products/stylon-multistyler%E2%84%A2-complete-set

[Ujjaval]

@ecomlegend01
add below css into base.css file(online store->theme->asset->base.css)

@media only screen and (max-width: 768px) {
.jdgm-histogram__row:not([data-rating="1"]) {
    margin-bottom: 20px !important;
}
}

[GemPages]

Hello @ecomlegend01

It’s GemPages support team and glad to support you today.

I checked currently the review has padding of 16px for each side on the mobile view:

[GemPages]

@ecomlegend01

I have seen it on a real phone. you can use the following code.

I would like to give you a solution to support you:

1. Go to Online Store → Theme → Edit code:

2. Open your theme.liquid theme file

3. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[ecomlegend01]

@GemPages Thanks

[GemPages]

I am so glad that my solution can help.