\n\u003C/UTooltip>\n```\n\n\u003Cimg width=\"127\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/5dbcfef5-a4c4-4ec4-b2f3-611212f75c68\" />\n\n### Additional context\n\nWrapping `USwitch` to `div` for example solves issue\n```vue\n \u003CUTooltip text=\"Just a tooltip\">\n \u003Cdiv>\n \u003CUSwitch label=\"'Hackish'\" />\n \u003C/div>\n \u003C/UTooltip>\n```\n\n### Logs\n\n```shell-script\n\n```",[3176,3177,3180],{"name":3074,"color":3075},{"name":3178,"color":3179},"duplicate","cfd3d7",{"name":3077,"color":3078},4333,"USwitch not working inside UTooltip","2025-06-12T13:42:09Z","https://github.com/nuxt/ui/issues/4333",0.6545835,{"description":3187,"labels":3188,"number":3192,"owner":3083,"repository":3084,"state":3154,"title":3193,"updated_at":3194,"url":3195,"score":3196},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.16.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: pnpm@10.12.1\n- Builder: -\n- User Config: compatibilityDate, devtools, devServer, ssr, runtimeConfig, hooks, css, colorMode, components, modules, ui, i18n, zodI18n\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/test-utils@3.17.2, @nuxt/ui-pro@3.1.3, nuxt-zod-i18n@1.11.5, @nuxtjs/i18n@9.5.3, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.1.0, dayjs-nuxt@2.1.11, nuxt-qrcode@0.4.1\n- Build Modules: -\n------------------------------\n\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new?template=bug-report.yml\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\n👉 Read documentation: https://nuxt.com\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nTry a combination of USwitch and UTooltip like this:\n\n```\n \u003Cu-tooltip\n :disabled=\"isPhoneNumberSet\"\n :delay-duration=\"250\"\n :ui=\"{ content: 'bg-warning' }\"\n >\n \u003Cu-switch\n :model-value=\"notifications.smsWarnings\"\n :disabled=\"!isPhoneNumberSet\"\n :loading=\"isLoadingSmsWarnings\"\n color=\"secondary\"\n @update:model-value=\"$emit('update:sms-warnings', $event)\"\n />\n\n \u003Ctemplate #content>Add a phone number first\u003C/template>\n \u003C/u-tooltip>\n```\n\n### Description\n\nThe switch on its own works perfectly. But if I wrap it inside of a tooltip, it loses its background color.\n\nIn the provided screenshot you can barely see the switch thumb, but not the background.\n\nI think the problem is somewhere in the base slot but was unable to come up with a reliable solution.\n\n### Additional context\n\n\n\n### Logs\n\n```shell-script\n\n```",[3189,3190,3191],{"name":3074,"color":3075},{"name":3178,"color":3179},{"name":3077,"color":3078},4342,"Switch becomes invisible when wrapped inside a tooltip","2025-06-16T08:22:11Z","https://github.com/nuxt/ui/issues/4342",0.65860134,["Reactive",3198],{},["Set"],["ShallowReactive",3201],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fSNAHL7Irr8JYt3v8QifS2s7kXol1W5PlJc8UykJTJaE":-1},"/nuxt/ui/4328"]