From f4b79f1f026093f3bea833b6d20046af16c92ab2 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Sat, 8 Jun 2024 02:08:44 +0900
Subject: [PATCH] refactor(cli): adjust SearchBox styling

Decreased the marginRight property from 2 to 1 in the SearchBox component of the CLI to improve layout. Also modified the placeholder text in the Input field for better readability.
---
 packages/cli/src/components/SearchBox.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/cli/src/components/SearchBox.tsx b/packages/cli/src/components/SearchBox.tsx
index 9406fc8..c0a64ed 100644
--- a/packages/cli/src/components/SearchBox.tsx
+++ b/packages/cli/src/components/SearchBox.tsx
@@ -61,10 +61,10 @@ export function SearchBox<T extends {key: string; displayName: string}>({
     <Box width={50} display={'flex'} flexDirection={'column'}>
       <Text color={'gray'}>{helper}</Text>
       <Box display={'flex'} flexDirection={'row'}>
-        <Box marginRight={2} display={'flex'} flexDirection={'row'}>
+        <Box marginRight={1} display={'flex'} flexDirection={'row'}>
           <Text color={'greenBright'}>Search?</Text>
         </Box>
-        <Input value={query} onChange={(v) => setQuery(v)} showCursor placeholder={'query'} onSubmit={onSubmit} />
+        <Input value={query} onChange={(v) => setQuery(v)} showCursor placeholder={' query'} onSubmit={onSubmit} />
       </Box>
       <Divider title={isLoading ? 'Loading...' : `${suggestions.length} components found.`} />
       <Box display={'flex'} flexDirection={'column'}>