diff --git a/src/components/connection-prompt/bluetooth/SelectMicrobitDialogBluetooth.svelte b/src/components/connection-prompt/bluetooth/SelectMicrobitDialogBluetooth.svelte
index d7ddc90e9..364587fa7 100644
--- a/src/components/connection-prompt/bluetooth/SelectMicrobitDialogBluetooth.svelte
+++ b/src/components/connection-prompt/bluetooth/SelectMicrobitDialogBluetooth.svelte
@@ -14,19 +14,23 @@
 
 <main>
   <div class="w-180 leading-10 pb-5">
-    <p class="font-bold text-2xl text-left">
+    <h2 class="font-bold text-2xl">
       {$t('connectMB.webPopup')}
-    </p>
-    <img
-      src=""
-      alt="Instructions on how to choose microbit from web popup via bluetooth"
-      class="left-0 pt-5" />
-    <p class="absolute left-3/4 transform -translate-x-1/2 top-1/2 -translate-y-28">
-      {$t('connectMB.webPopup.instruction1')}
-    </p>
-    <p class="absolute left-3/4 transform -translate-x-1/2 -translate-y-13">
-      {$t('connectMB.webPopup.instruction2')}
-    </p>
+    </h2>
+    <div class="flex mt-5">
+      <img
+        src=""
+        alt="Screenshot of the browser window that will appear next.  Your connected micro:bit will be listed. Choose your micro:bit then select the Connect button." />
+      <div class="flex flex-col w-full px-5">
+        <h3 class="font-bold text-lg mb-5">
+          {$t('connectMB.webPopup.instruction.heading')}:
+        </h3>
+        <ol class="list-decimal list-inside">
+          <li>{$t('connectMB.webPopup.instruction1')}</li>
+          <li>{$t('connectMB.webPopup.instruction2')}</li>
+        </ol>
+      </div>
+    </div>
   </div>
   <div class="justify-end flex flex-space-10 gap-x-5">
     <StandardButton position="right" onClick={onBackClick}
diff --git a/src/components/connection-prompt/radio/SelectMicrobitDialogSerial.svelte b/src/components/connection-prompt/radio/SelectMicrobitDialogSerial.svelte
deleted file mode 100644
index a8b29cb09..000000000
--- a/src/components/connection-prompt/radio/SelectMicrobitDialogSerial.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<!--
-  (c) 2023, Center for Computational Thinking and Design at Aarhus University and contributors
-
-  SPDX-License-Identifier: MIT
- -->
-
-<script lang="ts">
-  import StandardButton from '../../StandardButton.svelte';
-  import { t } from '../../../i18n';
-
-  export let onBackClick: () => void;
-  export let onNextClick: () => void;
-</script>
-
-<main>
-  <div class="w-180 leading-10 pb-5">
-    <p class="font-bold text-2xl text-left">
-      {$t('connectMB.webPopup')}
-    </p>
-    <img
-      src=""
-      alt="Instructions on how to choose microbit from web popup using serial"
-      class="left-0 pt-5" />
-    <p class="absolute left-3/4 transform -translate-x-1/2 top-1/2 -translate-y-28">
-      {$t('connectMB.webPopup.instruction1')}
-    </p>
-    <p class="absolute left-3/4 transform -translate-x-1/2 -translate-y-13">
-      {$t('connectMB.webPopup.instruction2')}
-    </p>
-  </div>
-  <div class="justify-end flex flex-space-10 gap-x-5">
-    <StandardButton position="right" onClick={onBackClick}
-      >{$t('connectMB.backButton')}</StandardButton>
-    <StandardButton type="primary" onClick={onNextClick}
-      >{$t('connectMB.nextButton')}</StandardButton>
-  </div>
-</main>
diff --git a/src/components/connection-prompt/usb/SelectMicrobitDialogUsb.svelte b/src/components/connection-prompt/usb/SelectMicrobitDialogUsb.svelte
index 251f93af0..473278acb 100644
--- a/src/components/connection-prompt/usb/SelectMicrobitDialogUsb.svelte
+++ b/src/components/connection-prompt/usb/SelectMicrobitDialogUsb.svelte
@@ -26,19 +26,23 @@
 
 <main>
   <div class="w-180 leading-10 pb-5">
-    <p class="font-bold text-2xl text-left">
+    <h2 class="font-bold text-2xl">
       {$t('connectMB.webPopup')}
-    </p>
-    <img
-      src={selectMicrobitImage}
-      alt="Screenshot of the browser window that will appear next.  Your connected micro:bit will be listed. Choose your micro:bit then select the Connect button."
-      class="left-0 pt-5" />
-    <p class="absolute left-3/4 transform -translate-x-1/2 top-1/2 -translate-y-28">
-      {$t('connectMB.webPopup.instruction1')}
-    </p>
-    <p class="absolute left-3/4 transform -translate-x-1/2 -translate-y-13">
-      {$t('connectMB.webPopup.instruction2')}
-    </p>
+    </h2>
+    <div class="flex mt-5">
+      <img
+        src={selectMicrobitImage}
+        alt="Screenshot of the browser window that will appear next.  Your connected micro:bit will be listed. Choose your micro:bit then select the Connect button." />
+      <div class="flex flex-col w-full px-5">
+        <h3 class="font-bold text-lg mb-5">
+          {$t('connectMB.webPopup.instruction.heading')}:
+        </h3>
+        <ol class="list-decimal list-inside">
+          <li>{$t('connectMB.webPopup.instruction1')}</li>
+          <li>{$t('connectMB.webPopup.instruction2')}</li>
+        </ol>
+      </div>
+    </div>
   </div>
   <div class="justify-end flex flex-space-10 gap-x-5">
     <StandardButton position="right" onClick={onBackClick}
diff --git a/src/components/connection-prompt/usb/manual/ManualInstallTutorial.svelte b/src/components/connection-prompt/usb/manual/ManualInstallTutorial.svelte
index 2df5c08cd..ac86e20a8 100644
--- a/src/components/connection-prompt/usb/manual/ManualInstallTutorial.svelte
+++ b/src/components/connection-prompt/usb/manual/ManualInstallTutorial.svelte
@@ -1,6 +1,6 @@
 <!--
   (c) 2023, Center for Computational Thinking and Design at Aarhus University and contributors
- 
+
   SPDX-License-Identifier: MIT
  -->
 
@@ -71,7 +71,7 @@
     </div>
   </div>
   <div class="grid grid-cols-1 place-items-center w-full">
-    <StandardButton onClick={onConnectBluetoothClick}
+    <StandardButton type="primary" onClick={onConnectBluetoothClick}
       >{$t('connectMB.usb.manual.done')}</StandardButton>
   </div>
 </main>
diff --git a/src/messages/ui.da.json b/src/messages/ui.da.json
index f5526ab64..a3968285e 100644
--- a/src/messages/ui.da.json
+++ b/src/messages/ui.da.json
@@ -169,6 +169,7 @@
   "connectMB.connectCable.skip": "TRANSLATION_NEEDED",
 
   "connectMB.webPopup": "TRANSLATION_NEEDED",
+  "connectMB.webPopup.instruction.heading": "TRANSLATION_NEEDED",
   "connectMB.webPopup.instruction1": "TRANSLATION_NEEDED",
   "connectMB.webPopup.instruction2": "TRANSLATION_NEEDED",
 
diff --git a/src/messages/ui.en.json b/src/messages/ui.en.json
index f33c1a0fd..b22aeaaba 100644
--- a/src/messages/ui.en.json
+++ b/src/messages/ui.en.json
@@ -170,6 +170,7 @@
   "connectMB.connectCable.skip": "Skip: program already downloaded?",
 
   "connectMB.webPopup": "Select micro:bit",
+  "connectMB.webPopup.instruction.heading": "In the next popup",
   "connectMB.webPopup.instruction1": "Choose your micro:bit",
   "connectMB.webPopup.instruction2": "Select 'Connect'",