diff --git a/packages/web-react/src/components/Tooltip/TooltipTrigger.tsx b/packages/web-react/src/components/Tooltip/TooltipTrigger.tsx
index ceea9507b7..ae72967a86 100644
--- a/packages/web-react/src/components/Tooltip/TooltipTrigger.tsx
+++ b/packages/web-react/src/components/Tooltip/TooltipTrigger.tsx
@@ -17,7 +17,7 @@ const TooltipTrigger = (props: TooltipTriggerProps) => {
   const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(rest);
 
   return (
-    <Component {...transferProps} {...triggerStyleProps} id={id} {...rest} ref={triggerRef} {...getReferenceProps()}>
+    <Component {...transferProps} {...triggerStyleProps} id={id} ref={triggerRef} {...getReferenceProps()}>
       {typeof children === 'function' ? children({ isOpen }) : children}
     </Component>
   );
diff --git a/packages/web-react/src/components/TooltipModern/demo/TooltipDismissible.tsx b/packages/web-react/src/components/TooltipModern/demo/TooltipDismissible.tsx
index c663843d1d..528203ae7d 100644
--- a/packages/web-react/src/components/TooltipModern/demo/TooltipDismissible.tsx
+++ b/packages/web-react/src/components/TooltipModern/demo/TooltipDismissible.tsx
@@ -7,7 +7,7 @@ const TooltipDismissible = () => {
 
   return (
     <div className="docs-Stack docs-Stack-stretch spirit-feature-tooltip-enable-data-placement">
-      <TooltipModern id="TooltipDismissibleViaJS" isOpen={open} onToggle={setOpen} placement="right" isDismissible>
+      <TooltipModern id="TooltipDismissible" isOpen={open} onToggle={setOpen} placement="right" isDismissible>
         <TooltipTrigger elementType={Button}>I have a tooltip 😎</TooltipTrigger>
         <TooltipPopover>Close me</TooltipPopover>
       </TooltipModern>