anchor.diff:      <div class="affcalc__col--field">
         <div class="form__row <%= 'form__row--is-errored' if outgoings.object.errors.include?(:utilities) %>">
           <%= outgoings.errors_for outgoings.object, :utilities %>
  -        <%= outgoings.label :utilities %>
  -        <%= outgoings.text_field :utilities,
  -                              "class" => "form-control",
  +        <%= outgoings.label :utilities, "id" => "label_utilities" %>
  +
  +        <span class="form__input-container">
  +          <span class="form__input-label" id="label_utilities_a">&pound;</span>
  +            <%= outgoings.text_field :utilities,
  +                              "class" => "form-control form__input",
                                 "ng-model" => "affordability.outgoings.utilities",
                                 "ng-initial" => "",
  -                              "currency" => '',
  -                              "placeholder" => "£0",
  -                              "data-a-sign" =>"£",
  +                              "aria-labelledby" => "label_utilities label_utilities_a",
  +                              "currency" => '',
  +                              "placeholder" => "0",
                                 "data-m-dec" =>"0",
                                 "aria-describedby" => "tip_utilities",
                                 "value" => outgoings.object.utilities_formatted,
                                 "pattern" => '\d*' %>
  +            <span class="form__input-outline"></span>
  +          </span>
           </div>
         </div>
         <div class="affcalc__col--tooltip">
  
positive.code:     <div class="affcalc__col--field">
        <div class="form__row <%= 'form__row--is-errored' if outgoings.object.errors.include?(:rent_and_mortgage) %>">
          <%= outgoings.errors_for outgoings.object, :rent_and_mortgage %>
          <%= outgoings.label :rent_and_mortgage %>
          <%= outgoings.text_field :rent_and_mortgage,
                                "class" => "form-control",
                                "ng-model" => "affordability.outgoings.rent_and_mortgage",
                                "ng-initial" => "",
                                "currency" => '',
                                "placeholder" => "£0",
                                "data-a-sign" =>"£",
                                "data-m-dec" =>"0",
                                "aria-describedby" => "tip_rent_and_mortgage",
                                "value" => outgoings.object.rent_and_mortgage_formatted,
                                "pattern" => '\d*' %>
            </div>
          </div>
          <div class="affcalc__col--tooltip">
  
negative.code:     <div class="affcalc__col--field">
        <div class="form__row <%= 'form__row--is-errored' if outgoings.object.errors.include?(:child_maintenance) %>">
          <%= outgoings.errors_for outgoings.object, :child_maintenance %>
          <%= outgoings.label :child_maintenance, "id" => "label_child_maintenance" %>
  
          <span class="form__input-container">
            <span class="form__input-label" id="label_child_maintenance_a">&pound;</span>
              <%= outgoings.text_field :child_maintenance,
                                "class" => "form-control form__input",
                                "ng-model" => "affordability.outgoings.child_maintenance",
                                "ng-initial" => "",
                                "aria-labelledby" => "label_child_maintenance label_child_maintenance_a",
                                "currency" => '',
                                "placeholder" => "0",
                                "data-m-dec" =>"0",
                                "aria-describedby" => "tip_child_maintenance",
                                "value" => outgoings.object.child_maintenance_formatted,
                                "pattern" => '\d*' %>
              <span class="form__input-outline"></span>
            </span>
          </div>
        </div>
        <div class="affcalc__col--tooltip">
  