[ update edit delete view icon hover ]

src/components/EditSubAdmin.tsx

@@ -1,4 +1,7 @@
+import { Field, Grid, Heading, Icon, Input, Stack, Text } from "@chakra-ui/react";
+import { TbEdit } from "react-icons/tb";
 import { Button } from "./ui/button";
+import { Checkbox } from "./ui/checkbox";
 import {
   DialogBody,
   DialogCloseTrigger,
@@ -9,16 +12,22 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "./ui/dialog";
-import { Field, Grid, Heading, Input, Stack, Text } from "@chakra-ui/react";
-import { Checkbox } from "./ui/checkbox";
-import { FaRegEdit } from "react-icons/fa";
 function EditSubAdmin() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <Button bg={"transparent"} size="sm">
-          <FaRegEdit style={{ cursor: "pointer" }} color="#000" />
-        </Button>
+          {/* <FaRegEdit style={{ cursor: "pointer" }} color="#000" /> */}
+
+          <Icon
+            cursor={"pointer"}
+            p={0.5}
+            _hover={{ bg: "#00000015" }}
+            rounded={"md"}
+            boxSize={5}
+            // color={iconColor && iconColor}
+          >
+            <TbEdit />
+          </Icon>
         {/* <Button><FaRegEdit /></Button> */}
       </DialogTrigger>
 

src/components/MainFrame.tsx

@@ -13,7 +13,7 @@ interface MainFrameProps {
 
 const MainFrame: FC<MainFrameProps> = ({ children }) => {
   return (
-    <MotionVStack  rounded="lg" overflowY={'auto'} overflowX={'hidden'} {...OPACITY_ON_LOAD} w="100%" minH="93%" p={0}  pb={2}>
+    <MotionVStack  rounded="lg" overflowY={'auto'} overflowX={'hidden'} {...OPACITY_ON_LOAD} w="100%" minH="93%" p={0} pe={2}  pb={2}>
       <Box
         w="100%"
         // h="100%"