Repository: cypress-io/cypress
File: packages/launchpad/src/setup/OpenBrowserList.vue (Vue)

Code before:
        class="text-center w-160px pt-6 pb-4 block border-1 rounded relative"
        :class="{
          'border-indigo-300 ring-2 ring-indigo-50': selectedBrowser.displayName === browser.displayName && selectedBrowser.version === browser.version,
          'border-gray-200': selectedBrowser.displayName !== browser.displayName,
          'filter grayscale bg-gray-100': browser.disabled,
          'hover:border-indigo-200 hover:ring-2 hover:ring-indigo-50': !browser.disabled && selectedBrowser.displayName !== browser.displayName
        }"
      >
        <input
          type="radio"
          v-model="selectedBrowser"
          name="selectedBrowser"
          :id="browser.displayName + browser.version"
          :value="browser"
          :disabled="browser.disabled"
          :key="browser.displayName + browser.version"
          class="absolute opacity-0"
          :class="{
            'filter grayscale': browser.disabled
          }"
        />
        <label :for="browser.displayName + browser.version" class="radio-label">
          <div class="text-center">
            <img :src="browser.icon" alt class="w-40px h-40px inline" />
          </div>
          <div class="radio-label-text text-indigo-600 text-lg pt-2">{{ browser.displayName }}</div>
          <div class="text-gray-400 text-xs">{{ browser.displayVersion }}</div>
        </label>
      </div>
    </div>
    <div class="mb-14">
      <div class="flex justify-center items-center mb-4">
        <Button
          v-if="launchText"
          type="submit"
          class="mr-2 py-2 px-6 inline"
          :suffix-icon="openInNew"
          data-testid="launch-button"
        >{{ launchText }}</Button>
        <Button
          @click="$emit('navigated-back')"
          type="button"
          class="ml-2 py-2 px-6 inline"
          variant="outline"
        >{{t('setupPage.step.back')}}</Button>
      </div>
    </div>
  </form>
</template>

<script lang="ts" setup>

Review comment (suggestion):
```suggestion
          <div class="text-indigo-600 text-lg pt-2">{{ browser.displayName }}</div>
```

Code after:
        class="text-center w-160px pt-6 pb-4 block border-1 rounded relative"
        :class="{
          'border-indigo-300 ring-2 ring-indigo-50': selectedBrowser.displayName === browser.displayName && selectedBrowser.version === browser.version,
          'border-gray-200': selectedBrowser.displayName !== browser.displayName,
          'filter grayscale bg-gray-100': browser.disabled,
          'hover:border-indigo-200 hover:ring-2 hover:ring-indigo-50': !browser.disabled && selectedBrowser.displayName !== browser.displayName
        }"
      >
        <input
          type="radio"
          v-model="selectedBrowser"
          name="selectedBrowser"
          :id="browser.displayName + browser.version"
          :value="browser"
          :disabled="browser.disabled"
          :key="browser.displayName + browser.version"
          class="absolute opacity-0"
          :class="{
            'filter grayscale': browser.disabled
          }"
        />
        <label :for="browser.displayName + browser.version" class="radio-label">
          <div class="text-center">
            <img :src="browser.icon" alt class="w-40px h-40px inline" />
          </div>
          <div class="text-indigo-600 text-lg pt-2">{{ browser.displayName }}</div>
          <div class="text-gray-400 text-xs">{{ browser.displayVersion }}</div>
        </label>
      </div>
    </div>
    <div class="mb-14">
      <div class="flex justify-center items-center mb-4">
        <Button
          v-if="launchText"
          type="submit"
          class="mr-2 py-2 px-6 inline"
          :suffix-icon="openInNew"
          data-testid="launch-button"
        >{{ launchText }}</Button>
        <Button
          @click="$emit('navigated-back')"
          type="button"
          class="ml-2 py-2 px-6 inline"
          variant="outline"
        >{{t('setupPage.step.back')}}</Button>
      </div>
    </div>
  </form>
</template>

<script lang="ts" setup>