diff --git a/resources/js/components/ui/sonner/Sonner.vue b/resources/js/components/ui/sonner/Sonner.vue
index 1862536..ba27e3b 100644
--- a/resources/js/components/ui/sonner/Sonner.vue
+++ b/resources/js/components/ui/sonner/Sonner.vue
@@ -8,7 +8,7 @@ const props = defineProps<ToasterProps>()
 </script>
 
 <template>
-    <Sonner :class="cn('toaster group [&_[data-sonner-toaster]]:!z-[100]', props.class)" :style="{
+    <Sonner :class="cn('toaster group **:data-sonner-toaster:z-100!', props.class)" :style="{
         '--normal-bg': 'var(--popover)',
         '--normal-text': 'var(--popover-foreground)',
         '--normal-border': 'var(--border)',