2 files changed, 12 insertions, 17 deletions
diff --git a/app/views/profiles/active_sessions/_active_session.html.haml b/app/views/profiles/active_sessions/_active_session.html.haml
index 9ec8d694dac..e91c28e6e84 100644
--- a/app/views/profiles/active_sessions/_active_session.html.haml
+++ b/app/views/profiles/active_sessions/_active_session.html.haml
@@ -27,9 +27,5 @@
 
   - unless is_current_session
     .float-right
-      = link_to(revoke_session_path(active_session),
-                { data: { confirm: _('Are you sure? The device will be signed out of GitLab and all remember me tokens revoked.') },
-                  method: :delete,
-                  class: "gl-button btn btn-danger gl-ml-3" }) do
-        %span.sr-only= _('Revoke')
+      = link_button_to revoke_session_path(active_session), data: { confirm: _('Are you sure? The device will be signed out of GitLab and all remember me tokens revoked.'), confirm_btn_variant: :danger }, method: :delete, class: 'gl-ml-3', variant: :danger, 'aria-label': _('Revoke') do
         = _('Revoke')
diff --git a/app/views/profiles/active_sessions/index.html.haml b/app/views/profiles/active_sessions/index.html.haml
index 1952655937e..baca9559e08 100644
--- a/app/views/profiles/active_sessions/index.html.haml
+++ b/app/views/profiles/active_sessions/index.html.haml
@@ -1,16 +1,15 @@
 - page_title _('Active Sessions')
 - @force_desktop_expanded_sidebar = true
 
-.row.gl-mt-3.js-search-settings-section
-  .col-lg-4.profile-settings-sidebar
-    %h4.gl-mt-0
-      = page_title
-    %p
-      = _('This is a list of devices that have logged into your account. Revoke any sessions that you do not recognize.')
-  .col-lg-8
-    .gl-mb-3
+.settings-section.js-search-settings-section
+  .settings-sticky-header
+    .settings-sticky-header-inner
+      %h4.gl-my-0
+        = page_title
+  %p.gl-text-secondary
+    = _('This is a list of devices that have logged into your account. Revoke any sessions that you do not recognize.')
 
-      = render Pajamas::CardComponent.new(card_options: { class: 'gl-border-0' }, body_options: { class: 'gl-p-0' }) do |c|
-        - c.with_body do
-          %ul.list-group.list-group-flush
-            = render partial: 'profiles/active_sessions/active_session', collection: @sessions
+  = render Pajamas::CardComponent.new(card_options: { class: 'gl-border-0' }, body_options: { class: 'gl-p-0' }) do |c|
+    - c.with_body do
+      %ul.list-group.list-group-flush
+        = render partial: 'profiles/active_sessions/active_session', collection: @sessions