diff --git a/src/frontend/client/src/components/Plugins/Store/PluginTooltip.tsx b/src/frontend/client/src/components/Plugins/Store/PluginTooltip.tsx index 0a7df905b..2e45dfcec 100644 --- a/src/frontend/client/src/components/Plugins/Store/PluginTooltip.tsx +++ b/src/frontend/client/src/components/Plugins/Store/PluginTooltip.tsx @@ -1,5 +1,5 @@ import { HoverCardPortal, HoverCardContent } from '~/components/ui'; -import './styles.module.css'; +import styles from './styles.module.css'; type TPluginTooltipProps = { content: string; @@ -12,7 +12,7 @@ function PluginTooltip({ content, position }: TPluginTooltipProps) {
-
+
diff --git a/src/frontend/client/src/components/Plugins/Store/styles.module.css b/src/frontend/client/src/components/Plugins/Store/styles.module.css index acd6ab3c0..5eabdd423 100644 --- a/src/frontend/client/src/components/Plugins/Store/styles.module.css +++ b/src/frontend/client/src/components/Plugins/Store/styles.module.css @@ -1,4 +1,8 @@ -a { +/* Scoped to the tooltip's injected HTML. The old bare `a` element selector is + NOT hashed by CSS modules — it leaked a global `a { color: white }` into the + whole app (and the docs site), turning unstyled links white-on-white in + light contexts. */ +.tooltipHtml a { text-decoration: underline; color: white; }