1 files changed, 9 insertions, 9 deletions
diff --git a/qa/qa/page/component/access_tokens.rb b/qa/qa/page/component/access_tokens.rb
index 3c8a608cdc2..586f69b8a64 100644
--- a/qa/qa/page/component/access_tokens.rb
+++ b/qa/qa/page/component/access_tokens.rb
@@ -18,27 +18,24 @@ module QA
             element :expiry_date_field
           end
 
-          base.view 'app/views/shared/access_tokens/_created_container.html.haml' do
-            element :created_access_token_field
-          end
-
           base.view 'app/views/shared/access_tokens/_form.html.haml' do
             element :access_token_name_field
             element :create_token_button
           end
 
-          base.view 'app/views/shared/access_tokens/_table.html.haml' do
-            element :revoke_button
-          end
-
           base.view 'app/views/shared/tokens/_scopes_form.html.haml' do
             element :api_label, '#{scope}_label' # rubocop:disable QA/ElementWithPattern, Lint/InterpolationCheck
           end
 
           base.view 'app/assets/javascripts/access_tokens/components/new_access_token_app.vue' do
+            element :access_token_section
             element :created_access_token_field
           end
 
+          base.view 'app/assets/javascripts/vue_shared/components/form/input_copy_toggle_visibility.vue' do
+            element :toggle_visibility_button
+          end
+
           base.view 'app/assets/javascripts/access_tokens/components/access_token_table_app.vue' do
             element :revoke_button
           end
@@ -57,7 +54,10 @@ module QA
         end
 
         def created_access_token
-          find_element(:created_access_token_field, wait: 30).value
+          within_element(:access_token_section) do
+            click_element(:toggle_visibility_button, wait: 30)
+            find_element(:created_access_token_field).value
+          end
         end
 
         def fill_expiry_date(date)