ブートストラップでモーダル表示の幅を持たせたい

お世話になります。

ブートストラップの件でご相談があります。

画像とソースは連動しております。

表示のモーダルの内側に余白を持たせたいと思っておりますが、上手く幅が指定できません。
モーダルの子要素である、form-inlineに幅を持たせたのですが、画像のようにはみ出してしまいます。

解決方法をご教授頂けますでしょうか。
よろしくお願いします。

html
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <title>Bootstrapの使い方</title>
9    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
10    <!--[if lt IE 9]>
11    <script src="js/html5shiv.min.js"></script>
12    <script src="js/respond.min.js"></script>
13  <![endif]-->
14</head>
15
16<body>
17    <div class="click_btn">
18        ボタンを押下してください
19    </div>
20
21    <div class="modal fade" id="modal_box">
22        <div class="modal-dialog text-center">
23            <div class="modal-content">
24                <form class="form-inline w-25">
25                    <p>
26                        zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
27                    </p>
28                    <div class="form-group">
29                        <label for="passwd">ID&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
30                        <input type="password" class="form-control" id="passwd">
31                    </div>
32                    <br>
33                    <br>
34                    <br>
35                    <div class="form-group">
36                        <label for="passwd">PASS&nbsp;</label>
37                        <input type="password" class="form-control" id="passwd">
38                    </div>
39                    <br>
40                    <br>
41                    <button type="button" class="btn btn-primary">送信 ≫</button>
42                </form>
43            </div>
44        </div>
45    </div>
46    </div>
47    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
48    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
49    <script>
50        $('.click_btn').on('click', function() {
51            $('#modal_box').modal('show');
52        });
53    </script>
54</body>