<% content_for :title, step_by_step.title %>

<% step_image_urls = [
  image_url("govuk_publishing_components/govuk-schema-placeholder-1x1.png"),
] %>
<script type="application/ld+json">
  <%= raw step_by_step.structured_data(step_image_urls).to_json %>
</script>

<% content_for :meta_tags do %>
  <meta name="description" content="<%= step_by_step.description %>">
<% end %>

<div class="grid-row">
  <div class="column-two-thirds">
    <%= render 'govuk_publishing_components/components/title',
        title: step_by_step.title,
        average_title_length: 'long',
        margin_bottom: 4 %>

    <%= render "govuk_publishing_components/components/govspeak", {
    } do %>
      <%= step_by_step.introduction %>
    <% end %>
  </div>
</div>
<div class="grid-row">
  <div class="column-two-thirds">
    <%= render "govuk_publishing_components/components/step_by_step_nav", step_by_step.payload_for_component %>
  </div>
</div>

<% content_for :title, step_by_step.title %>

<% step_image_urls = [
  image_url("govuk_publishing_components/govuk-schema-placeholder-1x1.png"),
] %>
<script type="application/ld+json">
  <%= raw step_by_step.structured_data(step_image_urls).to_json %>
</script>

<% content_for :meta_tags do %>
  <meta name="description" content="<%= step_by_step.description %>">
<% end %>

<div class="grid-row">
  <div class="column-two-thirds">
    <%= render 'govuk_publishing_components/components/title',
        title: step_by_step.title,
        average_title_length: 'long',
        margin_bottom: 6 %>

    <%= render "govuk_publishing_components/components/govspeak", {
    } do %>
      <%= step_by_step.introduction %>
    <% end %>
  </div>
</div>
<div class="grid-row">
  <div class="column-two-thirds">
    <%= render "govuk_publishing_components/components/step_by_step_nav", step_by_step.payload_for_component %>
  </div>
</div>

Update title component margin option
Update title component margin option

- number scale is changing
