[Bug] Icons enlarged using Capacitor 5

[Ambrise]

Environment

• Operating System: Windows_NT
• Node Version: v20.7.0
• Nuxt Version: 3.8.1
• CLI Version: 3.9.1
• Nitro Version: -
• Package Manager: yarn@1.22.19
• Builder: -
• User Config: ssr, app, modules, ui, spaLoadingTemplate, devtools, imports, colorMode, googleFonts
• Runtime Modules: @vueuse/nuxt@10.6.1, @nuxt/ui@2.10.0, @nuxtjs/color-mode@3.3.0, @nuxtjs/google-fonts@3.0.2, nuxt-icon@0.6.5
• Build Modules: -

Version

UI : v2.10.0

Reproduction

Description

Good morning,
Using the UIcon or UButton components, some FontAwesome6 icons (I haven't tested on others) are stretched as can be seen in the image. Indeed, at the top left, the "retry" icon is displayed correctly but the "play" icon is stretched. The stretched effect is only present when I convert my nuxt project into a mobile application via Capacitor 5. When I view the icon from a browser everything is fine.
thank you in advance for your response
Sincerely
Axel

Additional context

No response

Logs

No response

[benjamincanac]

This might be related to #1002 and if so, can be fixed using https://ui.nuxt.com/dev/getting-started/theming#custom-config. It's only available on Edge as of right now.

[Ambrise]

It's perfect, it works fine when I add the following configuration lines