the Paypal smart Button Doesn't render correctly

Question

I'm using the button with Vuejs but I only need the paypal yellow button, I tried to hide the credit card button with all the ways in the docs and even in here on the stack but it either renders both buttons or half the first button half button , Both buttons

Here's my script

loadPaypalScript() {
  const script = document.createElement("script");
  script.src =
    "https://www.paypal.com/sdk/js?client-id=Aeg-skCx0jYCCZ2qE62Wsu_bxR3agmnYX41BuSGRhGwAP_YYEo7rKNL2P49UIHCxJj_tSuoylwkaV4gn&currency=EUR&commit=false&components=buttons,funding-eligibility";
  script.addEventListener("load", () => this.loaded = false);
  document.body.appendChild(script);
},

window.paypal
    .Buttons({
      fundingSource: paypal.FUNDING.PAYPAL,
      locale : this.$i18n.locale == 'de' ? 'de_DE' : 'en_US',
      style: {
        color: 'blue',
        label: 'checkout',
        shape: 'pill',
        fundingicons: false,    /* true | false */
      },

Answer 1

This issue is caused by your site's CSS, the container is not tall enough.

Make sure there are no negative margins or overflow, etc.