fix: some style updates (#2396)

packages/component/src/components/app-sidebar/quick-search-input/index.css.ts

@@ -13,16 +13,13 @@ export const root = style({
   cursor: 'pointer',
   padding: '0 12px',
   margin: '12px 0',
-  selectors: {
-    '&:hover': {
-      background: 'var(--affine-hover-color)',
-    },
-  },
+  position: 'relative',
 });
 
 export const icon = style({
   marginRight: '14px',
   color: 'var(--affine-icon-color)',
+  fontSize: '20px',
 });
 
 export const spacer = style({

packages/component/src/components/app-sidebar/quick-search-input/index.tsx

@@ -3,6 +3,7 @@ import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { SearchIcon } from '@blocksuite/icons';
 import clsx from 'clsx';
 
+import { Spotlight } from '../spolight';
 import * as styles from './index.css';
 
 interface QuickSearchInputProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -27,6 +28,7 @@ export function QuickSearchInput({ onClick, ...props }: QuickSearchInputProps) {
       <div className={styles.shortcutHint}>
         {isMac ? ' ⌘ + K' : ' Ctrl + K'}
       </div>
+      <Spotlight />
     </div>
   );
 }