Dialog box height smaller than 157px

Dialog box height smaller than 157px


<script type="text/javascript">
$(document).ready(function(){
        $('.dots').hide();
    
        $('div#working').dialog({
            draggable: false,
            closeOnEscape: false,
            resizable: false,
            width: 170,
            height: 10,
            open: function(event, ui) {
                for (i = 0; i <= 1000; i++) {
                    $('span#dot1').fadeIn(2000);
                    $('span#dot2').fadeIn(2000);
                    $('span#dot3').fadeIn(2000);
                    
                    $('.dots').fadeOut(2000);
                }
            }
        });
        
});
</script>
<style type="text/css">
div.ui-dialog-titlebar {display: none;}
</style>
</head>
<body>
<div id="working" style="text-align: center;">
    <div style="vertical-align: center;">
    <span id="working">Working</span>
    <span id="dot1" class="dots">. </span>
    <span id="dot2" class="dots">. </span>
    <span id="dot3" class="dots">. </span>
    </div>
</div>
Cant get height smaller than 157. Please help.