diff --git a/browser/components/migration/content/migration-wizard.mjs b/browser/components/migration/content/migration-wizard.mjs
index 8b635693f00e5e135cd421a6818611fea19e954d..037b898329deeddfef65c5a5813f52f94c726a73 100644
--- a/browser/components/migration/content/migration-wizard.mjs
+++ b/browser/components/migration/content/migration-wizard.mjs
@@ -475,6 +475,20 @@ export class MigrationWizard extends HTMLElement {
         button.style.backgroundImage = `url("chrome://global/skin/icons/defaultFavicon.svg")`;
       }
 
+      // Bug 1823489 - since the panel-list and panel-items are slotted, we
+      // cannot style them or their children in migration-wizard.css. We use
+      // inline styles for now to achieve the desired appearance, but bug 1823489
+      // will investigate having MigrationWizard own the <xul:panel>,
+      // <panel-list> and <panel-item>'s so that styling can be done in the
+      // stylesheet instead.
+      if (migrator.type == MigrationWizardConstants.MIGRATOR_TYPES.FILE) {
+        button.style.backgroundSize = "20px";
+        button.style.backgroundPosition = "6px center";
+        if (this.#browserProfileSelectorList.isDocumentRTL()) {
+          button.style.backgroundPositionX = "right 6px";
+        }
+      }
+
       if (migrator.profile) {
         document.l10n.setAttributes(
           opt,