diff --git a/packages/ui-patterns/src/CommandMenu/api/CommandMenuInput.tsx b/packages/ui-patterns/src/CommandMenu/api/CommandMenuInput.tsx index 79036c8894d..653c9f7d8ee 100644 --- a/packages/ui-patterns/src/CommandMenu/api/CommandMenuInput.tsx +++ b/packages/ui-patterns/src/CommandMenu/api/CommandMenuInput.tsx @@ -44,7 +44,7 @@ function useFocusInputOnWiderScreens(ref: React.ForwardedRef) const CommandMenuInput = forwardRef< React.ElementRef, React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => { +>(({ className, wrapperClassName, ...props }, ref) => { const inputRef = useFocusInputOnWiderScreens(ref) const query = useQuery() @@ -123,6 +123,7 @@ const CommandMenuInput = forwardRef< placeholder="Run a command or search..." onCompositionStart={() => setImeComposing(true)} onCompositionEnd={() => setImeComposing(false)} + wrapperClassName={cn('px-4', wrapperClassName)} className={cn( 'flex h-11 w-full rounded-md bg-transparent px-2 y-4 md:py-7 outline-hidden', 'focus:shadow-none focus:ring-transparent', diff --git a/packages/ui-patterns/src/CommandMenu/prepackaged/DocsAi/index.tsx b/packages/ui-patterns/src/CommandMenu/prepackaged/DocsAi/index.tsx index 7211fa4aeb5..64fb024f6ab 100644 --- a/packages/ui-patterns/src/CommandMenu/prepackaged/DocsAi/index.tsx +++ b/packages/ui-patterns/src/CommandMenu/prepackaged/DocsAi/index.tsx @@ -30,7 +30,7 @@ const useDocsAiCommands = ({ action: () => { setCommandPage(DOCS_AI_COMMANDS.PAGE_NAME, true) }, - icon: () => , + icon: () => , }, ].map(modify), options diff --git a/packages/ui/src/components/shadcn/ui/command.tsx b/packages/ui/src/components/shadcn/ui/command.tsx index 97b5c1825f5..a973f6db383 100644 --- a/packages/ui/src/components/shadcn/ui/command.tsx +++ b/packages/ui/src/components/shadcn/ui/command.tsx @@ -57,12 +57,12 @@ const CommandInput = React.forwardRef< }, ref ) => ( -
+
{showSearchIcon && }