refactor: update DropdownMenu docs

apps/docs/src/components/LemonSqueezyHeader.tsx

@@ -45,7 +45,7 @@ export default function LemonSqueezyHeader({
 
   return (
     <header className="[&_a]:duration-180 relative border-b border-white/20 bg-purple-600 dark:bg-transparent [&_a]:transition-colors">
-      <div className="container flex min-h-[88px] items-center justify-start gap-6 md:grid-cols-[1fr_auto_1fr] lg:grid">
+      <div className="container flex min-h-[89px] items-center justify-start gap-6 md:grid-cols-[1fr_auto_1fr] lg:grid">
         <a
           aria-label="Lemon Squeezy home page"
           className={cn(focusClasses, "outline-white")}

packages/wedges/src/components/DropdownMenu/DropdownMenu.tsx

@@ -80,7 +80,7 @@ const DropdownMenuItem = React.forwardRef<
   <DropdownMenuPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-pointer select-none items-center gap-2 px-4 py-1 outline-none focus:bg-surface data-[disabled]:pointer-events-none data-[disabled]:opacity-40 dark:focus:bg-white/5",
+      "relative flex cursor-pointer select-none items-center gap-2 px-4 py-1 outline-none focus:bg-surface data-[disabled]:pointer-events-none data-[disabled]:opacity-40 dark:focus:bg-white/5 [&:has(>svg:first-child)]:pl-3",
       !destructive &&
         "text-surface-900 dark:text-surface-700 [&_svg]:text-surface-900 [&_svg]:opacity-40",
       destructive && "text-destructive",