box-sizingを使っても子要素がはみ出る

説明リストのddタグをwidth100%にすると親要素からはみ出す。
box-sizingを使ってもはみ出てしまう。

HTML
1コード
2```<dl class="info">
3        <dt>会社名</dt>
4        <dd>ウェブエンターテイメントデザイン株式会社</dd>
5        <dt>所在地</dt>
6        <dd>東京都渋谷区桜丘町99-9 West Building 3F</dd>
7        <dt>代表</dt>
8        <dd>ＸＸＸＸＸＸ</dd>
9        <dt>設立</dt>
10        <dd>2021年1月1日</dd>
11        <dt>資本金</dt>
12        <dd>3,000,000円</dd>
13        <dt>事業内容</dt>
14        <dd>Web制作・マーケティング</dd>
15        <dd class="add">インターネットメディア事業</dd>
16        <dd class="add">プロモーション企画・制作</dd>
17        <dd class="add">ソーシャル企画・運営</dd>
18      </dl>
19    </div> 
20```CSS
21コード
22```.conpany .info {
23  flex-direction: column;
24
25}
26
27.conpany .info dt {
28  width: 100%;
29  margin-bottom: 5px;
30  font-weight: normal;
31}
32
33.conpany .info dd {
34  width: 100%;
35  padding-left: 14px;
36  margin-top: 5px;
37  box-sizing: border-box;
38}