Filter Selection on Mobile Does not allow for seperate styling of the product name and the product price

[shaheen-karodia]

Describe the bug
On Desktop, you are able to style the product name and price independently because they are represented by two html elements.
You cannot style the product name and price independently on mobile as they are represented by two html nodes

Expected behavior
I would like the product price and product name to have seperate html elements so I can style them independently

Screenshots
Desktop:

Mobile

Additional context
Filter navigator configuration

  "filter-navigator.v3#search-result": {
    "blocks": ["sidebar-close-button"],
    "props": {
      "blockClass": "searchResult",
      "truncateFilters": true,
      "showClearByFilter": false,
      "fullWidthOnMobile": false,
      "navigationTypeOnMobile": "collapsible",
      "appliedFiltersOverview": "show",
      "totalProductsOnMobile": "show",
      "updateOnFilterSelectionOnMobile": true,
      "priceRangeLayout": "slider",
      "initiallyCollapsed": true
    }
  }