diff --git a/src/Tooltip.tsx b/src/Tooltip.tsx
index a4a1305..cc38c3d 100644
--- a/src/Tooltip.tsx
+++ b/src/Tooltip.tsx
@@ -2,6 +2,7 @@ import React, { forwardRef, ReactNode, Ref } from 'react';
 import { useSpring, animated as Animated } from 'react-spring';
 import usePopper from './usePopper';
 import useAnimLifecycle from './useAnimLifecycle';
+import { GlobalStyles } from 'types';
 
 const popperOptions = {
   modifiers: [
@@ -22,10 +23,11 @@ type TooltipProps = {
   pos: number;
   animated?: boolean;
   index?: number;
+  styles?: GlobalStyles['tooltip'];
 };
 
 export const Tooltip = forwardRef<Ref<any>, TooltipProps>((props, ref) => {
-  const { anchorEl, show, children, curPos, pos, animated } = props;
+  const { anchorEl, show, children, curPos, pos, animated, styles } = props;
 
   const { selfRef, destroy } = usePopper({
     anchorEl,
@@ -49,6 +51,7 @@ export const Tooltip = forwardRef<Ref<any>, TooltipProps>((props, ref) => {
     },
     onStart: handleAnimStart,
     onRest: handleAnimRest,
+    config: styles && styles.spring,
   });
 
   if (!show && (!animated || animLifecycle === 'idle')) {
diff --git a/src/Tourguide.tsx b/src/Tourguide.tsx
index f8950de..8a6e983 100644
--- a/src/Tourguide.tsx
+++ b/src/Tourguide.tsx
@@ -212,6 +212,7 @@ const Tourguide = (props: TourguideProps) => {
                 curPos={curPos}
                 animated
                 index={index}
+                styles={styles && styles.tooltip}
               >
                 {Array.isArray(Component) ? (
                   Component[index]
diff --git a/src/types.ts b/src/types.ts
index 18af2bf..25f3980 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -10,6 +10,7 @@ export type StyleConfig = {
 
 export type GlobalStyles = {
   spotlight?: StyleConfig;
+  tooltip?: StyleConfig;
 };
 
 export type PositionStyles = {