Sweet Alert Padding Issue

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.1/css/bulma.min.css">
<div id="body">
<div class="nav">
  Menu1 | Menu2 | Menu3
</div>
  <div class="content">
    <h1 class="title">
    Swal Test
  </h1>
  <button type="button" id="test" class="button">
    Test
  </button>
  
  <h2 class="title">
    Not enough content to overflow
  </h2>
  <p>
    Lorem ipsum dolor sit amet.
  </div>
</div>

CSS

.nav {
  background: grey;
  color: white;
  height: 80px;
  padding: 20px;
  text-align: right;
}
.content {
  background-color: lightblue;
  padding: 30px;
}
button {
  margin-bottom: 50px;
}

JavaScript

function test() {
  swal({
    title: 'Test',
    showCancelButton: true,
    showCloseButton: true,
    allowEnterKey: false,
		target: document.getElementById('body'),
                    input: 'text',
                    showLoaderOnConfirm: true,
  inputAttributes: {
    autocapitalize: 'off'
  },
  })
}

document.getElementById ("test").addEventListener ("click", test);

!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):n.Sweetalert2=t()}(this,function(){"use strict";var n={title:"",titleText:"",text:"",html:"",type:null,toast:!1,customClass:"",target:"body",backdrop:!0,animation:!0,allowOutsideClick:!0,allowEscapeKey:!0,allowEnterKey:!0,showConfirmButton:!0,showCancelButton:!1,preConfirm:null,confirmButtonText:"OK",confirmButtonAriaLabel:"",confirmButtonColor:"#3085d6",confirmButtonClass:null,cancelButtonText:"Cancel",cancelButtonAriaLabel:"",cancelButtonColor:"#aaa",cancelButtonClass:null,buttonsStyling:!0,reverseButtons:!1,focusConfirm:!0,focusCancel:!1,showCloseButton:!1,closeButtonAriaLabel:"Close this dialog",showLoaderOnConfirm:!1,imageUrl:null,imageWidth:null,imageHeight:null,imageAlt:"",imageClass:null,timer:null,width:500,padding:20,background:"#fff",input:null,inputPlaceholder:"",inputValue:"",inputOptions:{},inputAutoTrim:!0,inputClass:null,inputAttributes:{},inputValidator:null,grow:!1,position:"center",progressSteps:[],currentProgressStep:null,progressStepsDistance:"40px",onBeforeOpen:null,onOpen:null,onClose:null,useRejections:!1,expectRejections:!1},t=["useRejections","expectRejections"],e=function(n){var t={};for(var e in n)t[n[e]]="swal2-"+n[e];return...