white-spaceを適応すると1行目で改行されてしまう

前提・実現したいこと

表題の通りform_withのtextまたはtextareaにwhite-space: pre-wrapを
適応すると一文字目に空白が入ってしまい、一行目が改行されてしまいます
空白を取り除くにはどうすればよいでしょうか？
よろしくお願いします。

ブラウザはChromeです。

該当のソースコード

haml
1    .main1__work
2      .main1__work__left
3        %p1
4          施工種別を入力してください
5        .main1__work__left-1
6          .field
7            = form.text_area :body1
8        .main1__work__left-2
9          .field
10            = form.text_field :body2
11

css
1  &__work{
2    display: flex;
3    &__left{
4      width: 50%;
5      height: 400px;
6      padding-right: 10px;
7      p1{
8      padding-left: 5px;
9      background-color: $main-green;
10      width: 100%;
11      display: block;
12      color: $main-white;
13      text-shadow: 0 0 3px $main-black;
14      }
15      &-1{
16        border: 1px solid $main-black;
17        height: 23%;
18        padding: 5px 0 0 7px;
19        background-color: $main-white;
20        white-space: pre-wrap;
21        word-wrap: break-word;
22        text-indent: 0;
23      }
24