diff --git a/src/app/ui/components/containers/footers/available-balance.tsx b/src/app/ui/components/containers/footers/available-balance.tsx
index 37d9041d638..cacf8dd19ce 100644
--- a/src/app/ui/components/containers/footers/available-balance.tsx
+++ b/src/app/ui/components/containers/footers/available-balance.tsx
@@ -18,7 +18,11 @@ export function AvailableBalance({
         <styled.span color="ink.text-subdued" textStyle="caption.01">
           Available balance
         </styled.span>
-        <BasicTooltip label={balanceTooltipLabel} side="top">
+        <BasicTooltip
+          label={balanceTooltipLabel}
+          side="top"
+          onClickTrigger={e => e.preventDefault()}
+        >
           <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..1302cb006fc 100644
--- a/src/app/ui/components/tooltip/basic-tooltip.tsx
+++ b/src/app/ui/components/tooltip/basic-tooltip.tsx
@@ -10,12 +10,23 @@ interface BasicTooltipProps {
   disabled?: boolean;
   side?: RadixTooltip.TooltipContentProps['side'];
   asChild?: boolean;
+  onClickTrigger?(e: React.MouseEvent<HTMLElement>): void;
 }
-export function BasicTooltip({ children, label, disabled, side, asChild }: BasicTooltipProps) {
+
+export function BasicTooltip({
+  children,
+  label,
+  disabled,
+  side,
+  asChild,
+  onClickTrigger,
+}: BasicTooltipProps) {
   const isDisabled = !label || disabled;
   return (
     <Tooltip.Root>
-      <Tooltip.Trigger asChild={asChild}>{children}</Tooltip.Trigger>
+      <Tooltip.Trigger asChild={asChild} onClick={onClickTrigger}>
+        {children}
+      </Tooltip.Trigger>
       <Tooltip.Portal>
         <Tooltip.Content hidden={isDisabled} side={side} sideOffset={5}>
           {label}