From eba409b8f9feae5a67745e739cdeff284876b9ed Mon Sep 17 00:00:00 2001
From: Zachary Williams <ZachJW34@gmail.com>
Date: Thu, 17 Feb 2022 14:28:37 -0600
Subject: [PATCH] fix: migration hover/focus states (#20243)

Co-authored-by: ElevateBart <ledouxb@gmail.com>
---
 .../src/migration/fragments/MigrationStep.vue       | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/packages/launchpad/src/migration/fragments/MigrationStep.vue b/packages/launchpad/src/migration/fragments/MigrationStep.vue
index 64a360d71b..00e4aa3dec 100644
--- a/packages/launchpad/src/migration/fragments/MigrationStep.vue
+++ b/packages/launchpad/src/migration/fragments/MigrationStep.vue
@@ -2,15 +2,14 @@
   <div
     v-if="step"
     :data-cy="`migration-step ${step?.name}`"
-    class="border rounded bg-light-50 border-gray-100 mb-4 w-full block
-  overflow-hidden hocus-default"
+    class="border rounded bg-light-50 border-gray-100 mb-4 w-full block"
   >
     <ListRowHeader
       :class="{
-        'border-b border-b-gray-100 rounded-b-none': step.isCurrentStep,
+        'rounded-b-none default-ring': step.isCurrentStep,
         'bg-gray-50': !step.isCurrentStep
       }"
-      class="cursor-pointer"
+      class="-m-1px w-auto"
       :description="description"
       @click="emit('toggle')"
     >
@@ -35,12 +34,6 @@
           {{ title }}
         </span>
       </template>
-      <template #right>
-        <i-cy-chevron-down
-          :class="{ 'rotate-180': step.isCurrentStep }"
-          class="max-w-16px transform icon-dark-gray-400"
-        />
-      </template>
     </ListRowHeader>
     <div
       v-if="step.isCurrentStep"