diff --git a/packages/launchpad/src/migration/MigrationWizard.cy.tsx b/packages/launchpad/src/migration/MigrationWizard.cy.tsx
new file mode 100644
index 000000000000..801d3a156b96
--- /dev/null
+++ b/packages/launchpad/src/migration/MigrationWizard.cy.tsx
@@ -0,0 +1,37 @@
+import type { MigrationStep } from '@packages/frontend-shared/cypress/support/generated/test-graphql-types.gen'
+import { MigrationWizard_RenameSpecsDocument } from '../generated/graphql-test'
+import MigrationWizard from './MigrationWizard.vue'
+
+describe('', { viewportWidth: 1280, viewportHeight: 1000 }, () => {
+ it('outline focus should highlight current step block', () => {
+ cy.stubMutationResolver(MigrationWizard_RenameSpecsDocument, (defineResult) => {
+ const filteredSteps = cy.gqlStub.Migration.filteredSteps as MigrationStep[]
+
+ filteredSteps[0].isCompleted = true
+ filteredSteps[0].isCurrentStep = false
+ filteredSteps[1].isCurrentStep = true
+
+ return defineResult({
+ migrateRenameSpecs: {
+ baseError: null,
+ migration: {
+ filteredSteps,
+ },
+ __typename: 'Query',
+ },
+ })
+ })
+
+ cy.mount(() => )
+
+ const button = cy.get('button').contains('Rename these specs for me')
+
+ button.should('be.visible')
+
+ cy.percySnapshot('1st step')
+
+ button.click()
+
+ cy.percySnapshot('moved to 2nd step')
+ })
+})
diff --git a/packages/launchpad/src/migration/fragments/MigrationStep.vue b/packages/launchpad/src/migration/fragments/MigrationStep.vue
index f840b30ebca5..faf747f543d8 100644
--- a/packages/launchpad/src/migration/fragments/MigrationStep.vue
+++ b/packages/launchpad/src/migration/fragments/MigrationStep.vue
@@ -2,13 +2,13 @@