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

Question

前提・実現したいこと

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

ブラウザはChromeです。

該当のソースコード

    .main1__work
      .main1__work__left
        %p1
          施工種別を入力してください
        .main1__work__left-1
          .field
            = form.text_area :body1
        .main1__work__left-2
          .field
            = form.text_field :body2

  &__work{
    display: flex;
    &__left{
      width: 50%;
      height: 400px;
      padding-right: 10px;
      p1{
      padding-left: 5px;
      background-color: $main-green;
      width: 100%;
      display: block;
      color: $main-white;
      text-shadow: 0 0 3px $main-black;
      }
      &-1{
        border: 1px solid $main-black;
        height: 23%;
        padding: 5px 0 0 7px;
        background-color: $main-white;
        white-space: pre-wrap;
        word-wrap: break-word;
        text-indent: 0;
      }

Comments

[Lhankor_Mhy]

Railsタグを入れてみては？