WordPressのプラグイン「Contact Form 7」の項目を横並びにした時のddタグの空白を消したい

Question

前提・実現したいこと

Contact form 7で姓・名を横並びにした時のddタグの空白を消したいのですが、イマイチよくわかりません。
なぜか、[text]の上部に謎の空白ができてしまいます。こちらを取り除きたいです。

該当のソースコード

<dl class="contact7">
  <dt>お名前<span class="must">必須</span></dt>
  <dd>
　　　　　　　　<ul class="cf">
      <li>[text* your-name size:15 placeholder"山田"]</li>
      <li>[text* your-name size:15 placeholder"太郎"]</li>
    </ul>
　　　　</dd>
 </dl>
※必要のないコードは削除しています。

.contact7 {
  width: 100%;
  box-sizing: border-box;
}

.contact7 dd {
  margin-bottom: 2.5rem;
}

.contact7 dt {
  font-weight: normal;
}

.cf li{
  width: auto;
  float: left;
  margin-right: 1rem;
  padding-bottom: 3rem;
}

試したこと

色々調べましたがわかりませんでした。
https://teratail.com/questions/59120
こちらの回答をみてもわからなかったです。