1 files changed, 10 insertions, 16 deletions
diff --git a/app/views/projects/pipeline_schedules/_tabs.html.haml b/app/views/projects/pipeline_schedules/_tabs.html.haml
index f69041e1eb1..f825ef35902 100644
--- a/app/views/projects/pipeline_schedules/_tabs.html.haml
+++ b/app/views/projects/pipeline_schedules/_tabs.html.haml
@@ -1,18 +1,12 @@
-%ul.nav-links.mobile-separator.nav.nav-tabs
-  %li{ class: active_when(scope.nil?) }>
-    = link_to schedule_path_proc.call(nil) do
-      = s_("PipelineSchedules|All")
-      %span.badge.gl-tab-counter-badge.badge-muted.badge-pill.gl-badge.sm.js-totalbuilds-count
-        = number_with_delimiter(all_schedules.count(:id))
+= gl_tabs_nav({ class: 'gl-display-flex gl-flex-grow-1 gl-border-0' }) do
+  = gl_tab_link_to schedule_path_proc.call(nil), { item_active: active_when(scope.nil?) } do
+    = s_("PipelineSchedules|All")
+    = gl_tab_counter_badge(number_with_delimiter(all_schedules.count(:id)), { class: 'js-totalbuilds-count' })
 
-  %li{ class: active_when(scope == 'active') }>
-    = link_to schedule_path_proc.call('active') do
-      = s_("PipelineSchedules|Active")
-      %span.badge.gl-tab-counter-badge.badge-muted.badge-pill.gl-badge.sm
-        = number_with_delimiter(all_schedules.active.count(:id))
+  = gl_tab_link_to schedule_path_proc.call('active'), { item_active: active_when(scope == 'active') } do
+    = s_("PipelineSchedules|Active")
+    = gl_tab_counter_badge(number_with_delimiter(all_schedules.active.count(:id)))
 
-  %li{ class: active_when(scope == 'inactive') }>
-    = link_to schedule_path_proc.call('inactive') do
-      = s_("PipelineSchedules|Inactive")
-      %span.badge.gl-tab-counter-badge.badge-muted.badge-pill.gl-badge.sm
-        = number_with_delimiter(all_schedules.inactive.count(:id))
+  = gl_tab_link_to schedule_path_proc.call('inactive'), { item_active: active_when(scope == 'inactive') } do
+    = s_("PipelineSchedules|Inactive")
+    = gl_tab_counter_badge(number_with_delimiter(all_schedules.inactive.count(:id)))