diff --git a/src/Popup.tsx b/src/Popup.tsx
index 04702ac..4ab8195 100644
--- a/src/Popup.tsx
+++ b/src/Popup.tsx
@@ -8,16 +8,18 @@ export interface ContentProps {
   id?: string;
   classNames?: TooltipProps['classNames'];
   styles?: TooltipProps['styles'];
+  className?: string;
+  style?: React.CSSProperties;
 }
 
 const Popup: React.FC<ContentProps> = (props) => {
-  const { children, prefixCls, id, classNames, styles } = props;
+  const { children, prefixCls, id, classNames, styles, className, style } = props;
 
   return (
     <div
       id={id}
-      className={cls(`${prefixCls}-body`, classNames?.body)}
-      style={styles?.body}
+      className={cls(`${prefixCls}-body`, classNames?.body, className)}
+      style={{ ...styles?.body, ...style }}
       role="tooltip"
     >
       {typeof children === 'function' ? children() : children}