diff --git a/devtools/client/netmonitor/src/utils/filter-autocomplete-provider.js b/devtools/client/netmonitor/src/utils/filter-autocomplete-provider.js
index 1d3b3d43d184..3d0763cbcea1 100644
--- a/devtools/client/netmonitor/src/utils/filter-autocomplete-provider.js
+++ b/devtools/client/netmonitor/src/utils/filter-autocomplete-provider.js
@@ -39,7 +39,7 @@ function getAutocompleteValuesForFlag(flag, request) {
       values.push(request.cause.type);
       break;
     case "mime-type":
-      values.push(request.mimeType);
+      values.push(request.mimeType.replace(/;.+/, ""));
       break;
     case "set-cookie-name":
       values = responseCookies.map(c => c.name);
diff --git a/devtools/client/netmonitor/test/browser_net_filter-autocomplete.js b/devtools/client/netmonitor/test/browser_net_filter-autocomplete.js
index d78156eac431..0771f7a30170 100644
--- a/devtools/client/netmonitor/test/browser_net_filter-autocomplete.js
+++ b/devtools/client/netmonitor/test/browser_net_filter-autocomplete.js
@@ -108,8 +108,8 @@ add_task(async function () {
     "Typing the exact value closes autocomplete");
 
   // Check if mime-type has been correctly parsed out and values also get autocomplete
-  EventUtils.synthesizeKey(" mime-type:au", {});
-  testAutocompleteContents(["mime-type:audio/ogg"], document);
+  EventUtils.synthesizeKey(" mime-type:text", {});
+  testAutocompleteContents(["mime-type:text/css", "mime-type:text/html", "mime-type:text/plain"], document);
 
   // The negative filter flags
   EventUtils.synthesizeKey(" -", {});