search margin change me-3 to me-2

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

@@ -69,7 +69,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-2">search</span>
           <span>{`"${searchKeyword}"`}</span>
           <div className="ms-auto">
             <span className="method-range-explain">{t('search_method_menu_item.exact_mutch')}</span>

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

@@ -87,7 +87,7 @@ const SearchModal = (): JSX.Element => {
                 </button>
               </div>
 
-              <ul {...getMenuProps()} className="list-unstyled">
+              <ul {...getMenuProps()} className="list-unstyled m-0">
                 <div className="border-top mt-3 mb-2" />
                 <SearchMethodMenuItem
                   activeIndex={highlightedIndex}
@@ -100,7 +100,7 @@ const SearchModal = (): JSX.Element => {
                   searchKeyword={searchKeyword}
                   getItemProps={getItemProps}
                 />
-                <div className="border-top mt-2" />
+                <div className="border-top mt-2 mb-2" />
               </ul>
             </div>
           )}

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

@@ -56,14 +56,16 @@ export const SearchResultMenuItem = (props: Props): JSX.Element => {
             getItemProps={getItemProps}
             url={item.data._id}
           >
-            <UserPicture user={item.data.creator} />
+            <span className="d-flex justify-content-center align-items-center">
+              <UserPicture user={item.data.creator} />
+            </span>
 
             <span className="ms-3 text-break text-wrap">
               <PagePathLabel path={item.data.path} />
             </span>
 
             <span className="ms-2 d-flex justify-content-center align-items-center">
-              <span className="material-symbols-outlined fs-6">footprint</span>
+              <span className="material-symbols-outlined fs-6 p-0">footprint</span>
               <span className="fs-6">{item.data.seenUsers.length}</span>
             </span>
           </SearchMenuItem>