fixed the chains dropdown shifting issue

Author: Ojas13-git

src/components/common/chip/ChipDropdown.tsx

@@ -46,7 +46,7 @@ function ChipDropdown(props: ChipProps) {
     }, [searchTerm, dropdownNetworkList]);
     return (
         <div className="text-sm">
-            <Menu as="div" className="inline-block text-left ">
+            <Menu as="div" className="relative inline-block text-left">
                 <span>
                     <Menu.Button className={`${sx.wrapper} ${sx[variant]} ${sx[color]} ${className || ''} ${disabled ? sx.disabled : ''}`}>
                         {(icon && isMoreSelected) && (
@@ -74,7 +74,7 @@ function ChipDropdown(props: ChipProps) {
                     leaveFrom="transform opacity-100 scale-100"
                     leaveTo="transform opacity-0 scale-95"
                 >
-                    <Menu.Items className="absolute right-20 md:right-0 z-10 mt-2 origin-top-right bg-white rounded-md shadow-lg w-52 ring-1 ring-black ring-opacity-5 focus:outline-none">
+                    <Menu.Items className="absolute right-0 mt-2 origin-top-right bg-white rounded-md shadow-lg w-52 ring-1 ring-black ring-opacity-5 focus:outline-none">
                     <div className='max-h-56 overflow-y-auto rounded-md p-2'>
                         <div className="flex flex-col py-1">
                              <input

src/components/global/searchblock/Options.tsx

@@ -30,7 +30,7 @@ function Options({ networkValue, setNetworkValue }: { networkValue: number; setN
         setSearchTerm(e.target.value);
     };
     return (
-        <div className="relative z-0">
+        <div className="relative z-10">
             <div className="py-3 px-4 border-r border-dark-200 bg-white flex items-center gap-1 text-md" role="button" onClick={toggler}>
                 {/* {/* <img src={NETWORK_LIST[value].img} alt="" /> */}