Merge pull request #8629 from weseek/imprv/143144-search-modal-booder-delete

imprv: Border in search modal

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

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

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

@@ -35,8 +35,8 @@ export const SearchResultMenuItem = (props: Props): JSX.Element => {
   if (isLoading) {
     return (
       <>
+        <div className="border-top mt-2 mb-2" />
         Searching...
-        <div className="border-top mt-3" />
       </>
     );
   }
@@ -47,6 +47,7 @@ export const SearchResultMenuItem = (props: Props): JSX.Element => {
 
   return (
     <div>
+      <div className="border-top mt-2 mb-2" />
       {searchResult?.data
         .map((item, index) => (
           <SearchMenuItem