diff --git a/app/views/components/_tabs.html.erb b/app/views/components/_tabs.html.erb
deleted file mode 100644
index 19ea78704..000000000
--- a/app/views/components/_tabs.html.erb
+++ /dev/null
@@ -1,24 +0,0 @@
-<%
- tabs ||= []
-%>
-<% if tabs.present? %>
-
-
- Contents
-
-
- <% tabs.each do |tab| %>
- <%
- tab[:class] = %w(govuk-tabs__list-item)
- tab[:class] << "govuk-tabs__list-item--selected" if tab[:active]
- tab[:class] = tab[:class].join(" ")
- %>
- -
- <%= link_to(tab[:label],
- tab[:href],
- class: "govuk-tabs__tab") %>
-
- <% end %>
-
-
-<% end %>
diff --git a/app/views/step_by_step_pages/_nav.html.erb b/app/views/step_by_step_pages/_nav.html.erb
index edb1e5951..66b358815 100644
--- a/app/views/step_by_step_pages/_nav.html.erb
+++ b/app/views/step_by_step_pages/_nav.html.erb
@@ -2,7 +2,8 @@
active ||= ''
%>
-<%= render "components/tabs", {
+<%= render "govuk_publishing_components/components/tabs", {
+ as_links: true,
tabs: [
{
href: @step_by_step_page,
diff --git a/spec/components/tabs_spec.rb b/spec/components/tabs_spec.rb
deleted file mode 100644
index da91c7b46..000000000
--- a/spec/components/tabs_spec.rb
+++ /dev/null
@@ -1,26 +0,0 @@
-require "rails_helper"
-
-RSpec.describe "Tabs", type: :view do
- it "does not render anything if no data is passed" do
- assert_empty render("components/tabs", {})
- end
-
- it "renders tabs and sections" do
- render "components/tabs", tabs: [
- {
- label: "First section",
- href: "/page1",
- },
- {
- label: "Second section",
- href: "/page2",
- },
- ]
-
- assert_select ".govuk-tabs"
- assert_select ".govuk-tabs__tab", 2
- assert_select ".govuk-tabs__list-item", 2
- assert_select ".govuk-tabs__tab[href='/page1']"
- assert_select ".govuk-tabs__tab[href='/page2']"
- end
-end