diff --git a/src/custom/CustomTooltip/customTooltip.tsx b/src/custom/CustomTooltip/customTooltip.tsx
index ee89fcec..d7ebf612 100644
--- a/src/custom/CustomTooltip/customTooltip.tsx
+++ b/src/custom/CustomTooltip/customTooltip.tsx
@@ -6,10 +6,10 @@ import { RenderMarkdownTooltip } from '../Markdown';
 type CustomTooltipProps = {
   title: string | React.ReactNode | JSX.Element;
   onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-  children: React.ReactNode;
+  children?: React.ReactNode;
   fontSize?: string;
   fontWeight?: number;
-  variant?: 'standard' | 'small';
+  variant?: 'info' | 'trivial';
   bgColor?: string;
 } & Omit<TooltipProps, 'title' | 'onClick'>;
 
@@ -20,22 +20,22 @@ function CustomTooltip({
   children,
   fontSize,
   fontWeight = 400,
-  variant = 'standard',
+  variant = 'info',
   bgColor = CHARCOAL,
   ...props
 }: CustomTooltipProps): JSX.Element {
   return (
     <Tooltip
-      leaveDelay={1000}
+      leaveDelay={variant === 'info' ? 1000 : 0}
       componentsProps={{
         tooltip: {
           sx: {
             background: bgColor,
             color: WHITE,
-            fontSize: fontSize || (variant === 'standard' ? '1rem' : '0.75rem'),
+            fontSize: fontSize || (variant === 'info' ? '1rem' : '0.75rem'),
             fontWeight: { fontWeight },
             borderRadius: '0.5rem',
-            padding: variant === 'standard' ? '0.9rem' : '0.5rem 0.75rem'
+            padding: variant === 'info' ? '0.9rem' : '0.5rem 0.75rem'
           }
         },
         popper: {
@@ -51,7 +51,7 @@ function CustomTooltip({
       onClick={onClick}
       {...props}
     >
-      {children}
+      {children || <span />}
     </Tooltip>
   );
 }
diff --git a/src/custom/Modal/index.tsx b/src/custom/Modal/index.tsx
index 6ea90ae6..e5e0b47b 100644
--- a/src/custom/Modal/index.tsx
+++ b/src/custom/Modal/index.tsx
@@ -162,7 +162,7 @@ export const ModalFooter: React.FC<ModalFooterProps> = ({ helpText, children, va
   return (
     <StyledFooter variant={variant} hasHelpText={!!helpText}>
       {helpText && (
-        <CustomTooltip title={helpText} variant="standard" placement="top">
+        <CustomTooltip title={helpText} variant="info" placement="top">
           <IconButton>
             <InfoCircleIcon {...iconMedium} className="InfoCircleIcon" />
           </IconButton>