Update styling

app/views/form/_interruption_screen_question.html.erb

@@ -3,15 +3,21 @@
     classes: "app-panel--interruption",
   ) do %>
     <p class="govuk-heading-l"><%= display_title_text(title_text, lettings_log) %></p>
+    <% if informative_text.present? %>
       <p class="govuk-body-l"><%= display_informative_text(informative_text, lettings_log) %></p>
+    <% end %>
+    <% if question.hint_text.present? %>
       <p class="govuk-body-l"><%= question.hint_text&.html_safe %></p>
     <% end %>
+  <% end %>
 <% end %>
 
-<h1 class="govuk-heading-l">
+<h1 class="govuk-heading-m">
   Make sure these answers are all correct
 </h1>
-<%= govuk_summary_list do |summary_list| %>
+<div class="x-govuk-summary-card govuk-!-margin-bottom-6">
+  <div class="x-govuk-summary-card__body">
+    <%= govuk_summary_list do |summary_list| %>
       <% soft_validation_affected_questions(question, @log).each do |affected_question| %>
       <% if affected_question.page.routed_to?(@log, current_user) %>
           <% summary_list.row do |row| %>
@@ -44,7 +50,9 @@
           <% end %>
         <% end %>
       <% end %>
-<% end %>
+    <% end %>
+  </div>
+</div>
 
 <%= f.hidden_field question.id, value: "0" %>
 <div class="govuk-button-group">