feat: wrap IconButton in a div for improved styling and structure

Signed-off-by: Amit Amrutiya <[email protected]>
layer5io · Nov 14, 2024 · 0295e04 · 0295e04
1 parent e65bd46
commit 0295e04
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/src/custom/TooltipIcon.tsx b/src/custom/TooltipIcon.tsx
@@ -20,21 +20,23 @@ export function TooltipIcon({
 }: TooltipIconProps): JSX.Element {
   return (
     <CustomTooltip title={title} arrow={arrow}>
-      <IconButton
-        onClick={onClick}
-        sx={{
-          '&:hover': {
-            '& svg': {
-              fill: '#00d3a9'
+      <div>
+        <IconButton
+          onClick={onClick}
+          sx={{
+            '&:hover': {
+              '& svg': {
+                fill: '#00d3a9'
+              },
+              borderRadius: '4px'
             },
-            borderRadius: '4px'
-          },
-          ...(style as SxProps)
-        }}
-        disableRipple
-      >
-        {icon}
-      </IconButton>
+            ...(style as SxProps)
+          }}
+          disableRipple
+        >
+          {icon}
+        </IconButton>
+      </div>
     </CustomTooltip>
   );
 }