layui dialog使用问题，长度不对

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui@2.4.5/dist/css/layui.css" />
<script src="https://cdn.jsdelivr.net/npm/layui@2.4.5/dist/layui.all.js"></script>

<script>
    layui.use(['layer'], function () {
        var layer = layui.layer;

        // 点击按钮弹出第一个弹窗
        $('#btn').click(function () {
            layer.open({
                type: 1,
                content: '第一个弹窗内容',
                area: ['400px', '300px'],
                maxmin: true,
                yes: function (index, layero) { // 点击第一个弹窗的确定按钮
                    // 打开第二个弹窗
                    layer.open({
                        type: 1,
                        content: '第二个弹窗内容',
                        area: ['800px', '300px'],
                        maxmin: true
                    });
                }
            });
        });
    });
</script>