diff --git a/apps/v4/registry/bases/radix/ui/button-group.tsx b/apps/v4/registry/bases/radix/ui/button-group.tsx
index 16cefdd991..da45854b83 100644
--- a/apps/v4/registry/bases/radix/ui/button-group.tsx
+++ b/apps/v4/registry/bases/radix/ui/button-group.tsx
@@ -67,7 +67,7 @@ function ButtonGroupSeparator({
       data-slot="button-group-separator"
       orientation={orientation}
       className={cn(
-        "cn-button-group-separator relative self-stretch data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto",
+        "cn-button-group-separator relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto",
         className
       )}
       {...props}