update

src/Pages/ManageUsers/RegisterUsers/EditRegisterUsers.tsx

@@ -14,21 +14,13 @@ import {
 import { BiEdit } from "react-icons/bi";
 import { Button } from "../../../components/ui/button";
 import { TbEdit } from "react-icons/tb";
+import Edit from "../../../components/ActionIcons/Edit";
 
 function EditRegisterUsers() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-            <Icon
-            cursor={"pointer"}
-            p={0.5}
-            _hover={{ bg: "#00000015" }}
-            rounded={"md"}
-            boxSize={5}
-            // color={iconColor && iconColor}
-          >
-            <TbEdit />
-          </Icon>
+            <Edit/>
       </DialogTrigger>
 
       <DialogContent

src/Pages/MasterModule/AgencyMaster/AgencyMaster.tsx

@@ -76,7 +76,7 @@ const AgencyMaster = () => {
                 colorPalette={"blue"}
                 _focus={{ border: "1px solid #02A0A0" }}
                 rounded={"md"}
-                size={"2xs"}
+                size={"xs"}
                 fontSize={"2sm"}
                 placeholder="Search..."
                 bgColor={'#EEEEEE'}

src/components/ActionIcons/Edit.tsx

@@ -0,0 +1,22 @@
+import { Icon } from '@chakra-ui/react'
+import { TbEdit } from 'react-icons/tb'
+import { Tooltip } from '../ui/tooltip'
+
+const Edit = () => {
+  return (
+    <Tooltip content='Edit' >
+    <Icon
+            cursor={"pointer"}
+            p={0.5}
+            _hover={{ bg: "#00000015" }}
+            rounded={"md"}
+            boxSize={5}
+            // color={iconColor && iconColor}
+          >
+            <TbEdit />
+          </Icon>
+        </Tooltip>
+  )
+}
+
+export default Edit