diff --git a/toolkit/mozapps/downloads/HelperAppDlg.sys.mjs b/toolkit/mozapps/downloads/HelperAppDlg.sys.mjs
index 01d1a518d8e43fca1c5ea1b0d60e49d8c3a7b17b..7a5cba641a266593275125b45b77f06b0e5bd5da 100644
--- a/toolkit/mozapps/downloads/HelperAppDlg.sys.mjs
+++ b/toolkit/mozapps/downloads/HelperAppDlg.sys.mjs
@@ -677,17 +677,17 @@ nsUnknownContentTypeDialog.prototype = {
       }
     }
     // When the length is unknown, contentLength would be -1
+    let value = typeString;
     if (this.mLauncher.contentLength >= 0) {
       let [size, unit] = DownloadUtils.convertByteUnits(
         this.mLauncher.contentLength
       );
-      type.value = this.dialogElement("strings").getFormattedString(
+      value = this.dialogElement("strings").getFormattedString(
         "orderedFileSizeWithType",
         [typeString, size, unit]
       );
-    } else {
-      type.value = typeString;
     }
+    type.textContent = value;
   },
 
   // Returns true if opening the default application makes sense.
diff --git a/toolkit/mozapps/downloads/content/unknownContentType.xhtml b/toolkit/mozapps/downloads/content/unknownContentType.xhtml
index 76d35d216288128619d24feb1182f1eded870f42..6d1f2b4e5a53b6c580bf30f734dcc4c126a81b3c 100644
--- a/toolkit/mozapps/downloads/content/unknownContentType.xhtml
+++ b/toolkit/mozapps/downloads/content/unknownContentType.xhtml
@@ -43,7 +43,7 @@
         <separator class="thin"/>
         <hbox align="center">
           <label id="whichIs" data-l10n-id="unknowncontenttype-which-is"/>
-          <html:input id="type" readonly="readonly" noinitialfocus="true"/>
+          <label id="type" tabindex="0" noinitialfocus="true"/>
         </hbox>
         <hbox align="center">
           <label data-l10n-id="unknowncontenttype-from" id="from"/>
diff --git a/toolkit/themes/shared/downloads/unknownContentType.css b/toolkit/themes/shared/downloads/unknownContentType.css
index 17aec61d945ca1881f9263a941cb344da77fd4c3..5272ca8fcaca97db0d51324a3af60f2a4df89812 100644
--- a/toolkit/themes/shared/downloads/unknownContentType.css
+++ b/toolkit/themes/shared/downloads/unknownContentType.css
@@ -13,14 +13,13 @@
 }
 
 #type {
-  appearance: none;
+  -moz-user-focus: normal;
+  user-select: text;
   flex: 1;
-  background-color: transparent;
-  color: inherit;
-  border: 0;
   margin: 0;
-  padding: 0;
-  outline-offset: 0;
+  &:focus-visible {
+    outline: var(--focus-outline);
+  }
 }
 
 #from {