diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index 060a8a285..c939b9bb0 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -33,6 +33,8 @@ export const Tooltip: FC<TooltipProps> = ({
     hideAfter = 0,
     tabIndex = 0,
     positionStrategy = 'absolute',
+    wrapperClassNames,
+    wrapperStyle,
     ...rest
 }) => {
     const tooltipSide: string = placement.split('-')?.[0];
@@ -101,6 +103,7 @@ export const Tooltip: FC<TooltipProps> = ({
 
     const referenceWrapperClasses: string = mergeClasses([
         styles.referenceWrapper,
+        wrapperClassNames,
         { [styles.disabled]: disabled },
     ]);
 
@@ -128,6 +131,7 @@ export const Tooltip: FC<TooltipProps> = ({
         <>
             <div
                 className={referenceWrapperClasses}
+                style={wrapperStyle}
                 id={tooltipId.current}
                 onMouseEnter={toggle(true)}
                 onFocus={toggle(true)}
diff --git a/src/components/Tooltip/Tooltip.types.ts b/src/components/Tooltip/Tooltip.types.ts
index 155781603..a30a67e41 100644
--- a/src/components/Tooltip/Tooltip.types.ts
+++ b/src/components/Tooltip/Tooltip.types.ts
@@ -62,4 +62,12 @@ export interface TooltipProps extends OcBaseProps<HTMLDivElement> {
      * @default 0
      */
     tabIndex?: number;
+    /**
+     * Wrapper class name
+     */
+    wrapperClassNames?: string;
+    /**
+     * Wrapper style
+     */
+    wrapperStyle?: React.CSSProperties;
 }