diff --git a/src/app/ui/components/containers/footers/available-balance.tsx b/src/app/ui/components/containers/footers/available-balance.tsx
index 37d9041d638..8d06f60e85e 100644
--- a/src/app/ui/components/containers/footers/available-balance.tsx
+++ b/src/app/ui/components/containers/footers/available-balance.tsx
@@ -18,7 +18,7 @@ export function AvailableBalance({
         <styled.span color="ink.text-subdued" textStyle="caption.01">
           Available balance
         </styled.span>
-        <BasicTooltip label={balanceTooltipLabel} side="top">
+        <BasicTooltip asChild label={balanceTooltipLabel} side="top">
           <Box>
             <InfoCircleIcon color="ink.text-subdued" variant="small" />
           </Box>
diff --git a/src/app/ui/components/tooltip/basic-tooltip.tsx b/src/app/ui/components/tooltip/basic-tooltip.tsx
index 56fcead792f..e10e2d61616 100644
--- a/src/app/ui/components/tooltip/basic-tooltip.tsx
+++ b/src/app/ui/components/tooltip/basic-tooltip.tsx
@@ -11,6 +11,7 @@ interface BasicTooltipProps {
   side?: RadixTooltip.TooltipContentProps['side'];
   asChild?: boolean;
 }
+
 export function BasicTooltip({ children, label, disabled, side, asChild }: BasicTooltipProps) {
   const isDisabled = !label || disabled;
   return (