diff --git a/src/custom/CustomTooltip/customTooltip.tsx b/src/custom/CustomTooltip/customTooltip.tsx
index 0568d9ac..daaeb15a 100644
--- a/src/custom/CustomTooltip/customTooltip.tsx
+++ b/src/custom/CustomTooltip/customTooltip.tsx
@@ -1,6 +1,6 @@
-import { Tooltip, type TooltipProps } from '@mui/material';
+import { Tooltip, Typography, styled, type TooltipProps } from '@mui/material';
 import React from 'react';
-import { WHITE } from '../../theme';
+import { SistentThemeProvider, WHITE } from '../../theme';
 import { RenderMarkdownTooltip } from '../Markdown';
 
 type CustomTooltipProps = {
@@ -13,6 +13,12 @@ type CustomTooltipProps = {
   bgColor?: string;
 } & Omit<TooltipProps, 'title' | 'onClick'>;
 
+const StyledFontWrapper = styled(Typography)(({ theme }) => ({
+  ...theme.typography.textH2Medium,
+  fontSize: '1rem',
+  lineHeight: '1.5rem'
+}));
+
 function CustomTooltip({
   title,
   onClick,
@@ -25,39 +31,49 @@ function CustomTooltip({
   ...props
 }: CustomTooltipProps): JSX.Element {
   return (
-    <Tooltip
-      componentsProps={{
-        tooltip: {
-          sx: {
-            background: bgColor,
-            color: WHITE,
-            fontSize: fontSize || (variant === 'standard' ? '1rem' : '0.75rem'),
-            fontWeight: { fontWeight },
-            borderRadius: '0.5rem',
-            padding: variant === 'standard' ? '0.9rem' : '0.5rem 0.75rem',
-            boxShadow: 'rgba(0, 0, 0, 0.6) 0px 4px 10px, rgba(0, 0, 0, 0.5) 0px 2px 4px'
-          }
-        },
-        popper: {
-          sx: {
-            zIndex: 9999999999,
-            opacity: '1'
-          }
-        },
-        arrow: {
-          sx: {
-            color: bgColor
+    <SistentThemeProvider>
+      <Tooltip
+        componentsProps={{
+          tooltip: {
+            sx: {
+              background: bgColor,
+              color: WHITE,
+              fontSize: fontSize || (variant === 'standard' ? '1rem' : '0.75rem'),
+              fontWeight: { fontWeight },
+              borderRadius: '0.5rem',
+              padding: variant === 'standard' ? '0.9rem' : '0.5rem 0.75rem',
+              boxShadow: 'rgba(0, 0, 0, 0.6) 0px 4px 10px, rgba(0, 0, 0, 0.5) 0px 2px 4px'
+            }
+          },
+          popper: {
+            sx: {
+              zIndex: 9999999999,
+              opacity: '1'
+            }
+          },
+          arrow: {
+            sx: {
+              color: bgColor
+            }
           }
+        }}
+        title={
+          typeof title === 'string' ? (
+            <StyledFontWrapper>
+              <RenderMarkdownTooltip content={title} />
+            </StyledFontWrapper>
+          ) : (
+            title
+          )
         }
-      }}
-      title={typeof title === 'string' ? <RenderMarkdownTooltip content={title} /> : title}
-      placement={placement}
-      arrow
-      onClick={onClick}
-      {...props}
-    >
-      {children}
-    </Tooltip>
+        placement={placement}
+        arrow
+        onClick={onClick}
+        {...props}
+      >
+        {children}
+      </Tooltip>
+    </SistentThemeProvider>
   );
 }