diff --git a/www/packages/docs-ui/src/components/Tooltip/index.tsx b/www/packages/docs-ui/src/components/Tooltip/index.tsx
index e94a641176..d8faec9534 100644
--- a/www/packages/docs-ui/src/components/Tooltip/index.tsx
+++ b/www/packages/docs-ui/src/components/Tooltip/index.tsx
@@ -26,13 +26,12 @@ export const Tooltip = ({
   const elementId = useId()
 
   return (
-    <>
+    <span className={clsx(className, "notranslate")} translate="no">
       <span
         id={elementId}
         data-tooltip-content={text}
         data-tooltip-html={html}
         data-tooltip-id={elementId}
-        className={className}
       >
         {children}
       </span>
@@ -54,6 +53,6 @@ export const Tooltip = ({
       >
         {tooltipChildren}
       </ReactTooltip>
-    </>
+    </span>
   )
 }