Fix typo in govuk-width-container class name

Also bump the version as this will need a release and add some tests
covering the forgotten width container

app/components/govuk_component/service_navigation_component.rb

@@ -36,7 +36,7 @@ def initialize(service_name: nil, service_url: nil, navigation_items: [], curren
 
   def call
     outer_element do
-      tag.div(class: "#{brand}-width_container") do
+      tag.div(class: "#{brand}-width-container") do
         safe_join(
           [
             start_slot,

lib/govuk/components/version.rb

@@ -1,5 +1,5 @@
 module Govuk
   module Components
-    VERSION = '5.6.0'.freeze
+    VERSION = '5.6.1'.freeze
   end
 end

spec/components/govuk_component/service_navigation_component_spec.rb

@@ -34,9 +34,11 @@
 
     specify 'contains the service name in a span' do
       expect(rendered_content).to have_tag("section", with: { class: component_css_class }) do
-        with_tag('div', with: { class: 'govuk-service-navigation__container' }) do
-          with_tag('span', class: 'govuk-service-navigation__service-name') do
-            with_tag('span', text: service_name, with: { class: 'govuk-service-navigation__text' })
+        with_tag('div', with: { class: 'govuk-width-container' }) do
+          with_tag('div', with: { class: 'govuk-service-navigation__container' }) do
+            with_tag('span', class: 'govuk-service-navigation__service-name') do
+              with_tag('span', text: service_name, with: { class: 'govuk-service-navigation__text' })
+            end
           end
         end
       end
@@ -47,9 +49,11 @@
 
       specify 'contains a hyperlink with the service name and url' do
         expect(rendered_content).to have_tag("section", with: { class: component_css_class }) do
-          with_tag('div', with: { class: 'govuk-service-navigation__container' }) do
-            with_tag('span', class: 'govuk-service-navigation__service-name') do
-              with_tag('a', text: service_name, with: { href: service_url, class: 'govuk-service-navigation__link' })
+          with_tag('div', with: { class: 'govuk-width-container' }) do
+            with_tag('div', with: { class: 'govuk-service-navigation__container' }) do
+              with_tag('span', class: 'govuk-service-navigation__service-name') do
+                with_tag('a', text: service_name, with: { href: service_url, class: 'govuk-service-navigation__link' })
+              end
             end
           end
         end
@@ -67,11 +71,13 @@
 
     specify 'the items are rendered in a list' do
       expect(rendered_content).to have_tag("div", with: { class: component_css_class }) do
-        with_tag('div', with: { class: 'govuk-service-navigation__container' }) do
-          with_tag('ul', with: { class: 'govuk-service-navigation__list' }) do
-            navigation_items.each do |ni|
-              with_tag('li', with: { class: 'govuk-service-navigation__item' }) do
-                with_tag('a', text: ni.fetch(:text), with: { href: ni.fetch(:href) })
+        with_tag('div', with: { class: 'govuk-width-container' }) do
+          with_tag('div', with: { class: 'govuk-service-navigation__container' }) do
+            with_tag('ul', with: { class: 'govuk-service-navigation__list' }) do
+              navigation_items.each do |ni|
+                with_tag('li', with: { class: 'govuk-service-navigation__item' }) do
+                  with_tag('a', text: ni.fetch(:text), with: { href: ni.fetch(:href) })
+                end
               end
             end
           end
@@ -95,13 +101,15 @@
 
     specify 'the menu button is present' do
       expect(rendered_content).to have_tag("div", with: { class: component_css_class }) do
-        with_tag('div', with: { class: 'govuk-service-navigation__container' }) do
-          with_tag('button', with: {
-            type: 'button',
-            class: %w(govuk-service-navigation__toggle govuk-js-service-navigation-toggle),
-            hidden: 'hidden',
-            'aria-controls' => 'navigation'
-          })
+        with_tag('div', with: { class: 'govuk-width-container' }) do
+          with_tag('div', with: { class: 'govuk-service-navigation__container' }) do
+            with_tag('button', with: {
+              type: 'button',
+              class: %w(govuk-service-navigation__toggle govuk-js-service-navigation-toggle),
+              hidden: 'hidden',
+              'aria-controls' => 'navigation'
+            })
+          end
         end
       end
     end