1 files changed, 18 insertions, 19 deletions
diff --git a/app/views/profiles/personal_access_tokens/index.html.haml b/app/views/profiles/personal_access_tokens/index.html.haml
index 57c0badd033..5020f6cbb22 100644
--- a/app/views/profiles/personal_access_tokens/index.html.haml
+++ b/app/views/profiles/personal_access_tokens/index.html.haml
@@ -4,27 +4,26 @@
 - type_plural = _('personal access tokens')
 - @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
-      = s_('AccessTokens|You can generate a personal access token for each application you use that needs access to the GitLab API.')
-    %p
-      = s_('AccessTokens|You can also use personal access tokens to authenticate against Git over HTTP.')
-      = s_('AccessTokens|They are the only accepted password when you have Two-Factor Authentication (2FA) enabled.')
+.settings-section.settings-section-no-bottom.js-search-settings-section
+  .settings-sticky-header
+    .settings-sticky-header-inner
+      %h4.gl-my-0
+        = page_title
+  %p.gl-text-secondary
+    = s_('AccessTokens|You can generate a personal access token for each application you use that needs access to the GitLab API.')
+    = s_('AccessTokens|You can also use personal access tokens to authenticate against Git over HTTP.')
+    = s_('AccessTokens|They are the only accepted password when you have Two-Factor Authentication (2FA) enabled.')
 
-  .col-lg-8
-    #js-new-access-token-app{ data: { access_token_type: type } }
+  #js-new-access-token-app{ data: { access_token_type: type } }
 
-    = render 'shared/access_tokens/form',
-        ajax: true,
-        type: type,
-        path: profile_personal_access_tokens_path,
-        token: @personal_access_token,
-        scopes: @scopes,
-        help_path: help_page_path('user/profile/personal_access_tokens.md', anchor: 'personal-access-token-scopes')
+  = render 'shared/access_tokens/form',
+      ajax: true,
+      type: type,
+      path: profile_personal_access_tokens_path,
+      token: @personal_access_token,
+      scopes: @scopes,
+      help_path: help_page_path('user/profile/personal_access_tokens.md', anchor: 'personal-access-token-scopes')
 
-    #js-access-token-table-app{ data: { access_token_type: type, access_token_type_plural: type_plural, initial_active_access_tokens: @active_access_tokens.to_json } }
+  #js-access-token-table-app{ data: { access_token_type: type, access_token_type_plural: type_plural, initial_active_access_tokens: @active_access_tokens.to_json } }
 
 #js-tokens-app{ data: { tokens_data: tokens_app_data } }