setting center

apps/app/src/features/search/client/components/SearchMenuItem.tsx

@@ -21,7 +21,7 @@ export const SearchMenuItem = (props: Props): JSX.Element => {
     getItemProps({
       index,
       item: { url },
-      className: `d-flex px-2 py-1 text-muted ${isActive ? 'active' : ''}`,
+      className: `d-flex align-items-center px-2 py-1 text-muted ${isActive ? 'active' : ''}`,
     })
   );
 

apps/app/src/features/search/client/components/SearchMethodMenuItem.tsx

@@ -37,7 +37,7 @@ export const SearchMethodMenuItem = (props: Props): JSX.Element => {
             getItemProps={getItemProps}
             url={`/_search?q=${searchKeyword}`}
           >
-            <span className="material-symbols-outlined fs-4 me-3">search</span>
+            <span className="material-symbols-outlined fs-4 me-3 p-0">search</span>
             <span>{searchKeyword}</span>
             <div className="ms-auto">
               <span className="method-range-explain">{t('search_method_menu_item.search_in_all')}</span>

apps/app/src/features/search/client/components/SearchResultMenuItem.tsx

@@ -56,9 +56,7 @@ export const SearchResultMenuItem = (props: Props): JSX.Element => {
             getItemProps={getItemProps}
             url={item.data._id}
           >
-            <span className="d-flex justify-content-center align-items-center">
-              <UserPicture user={item.data.creator} />
-            </span>
+            <UserPicture user={item.data.creator} />
 
             <span className="ms-3 text-break text-wrap">
               <PagePathLabel path={item.data.path} />