fix: some Tooltip position stories use span, not Button

okta · Jul 7, 2023 · 5a79b91 · 5a79b91
1 parent c2af151
commit 5a79b91
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Tooltip/Tooltip.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Tooltip/Tooltip.stories.tsx
@@ -16,6 +16,7 @@ import {
   DownloadIcon,
   Tooltip,
   TooltipProps,
+  Typography,
 } from "@okta/odyssey-react-mui";
 import { MuiThemeDecorator } from "../../../../.storybook/components";
 import { userEvent, within } from "@storybook/testing-library";
@@ -145,16 +146,16 @@ export const Placement: StoryObj<TooltipProps> = {
     return (
       <>
         <Tooltip text="Top" placement="top" ariaType="label">
-          <Button variant="primary" text="Top" />
+          <Typography component="span">Bow</Typography>
         </Tooltip>
         <Tooltip text="Right" placement="right" ariaType="label">
-          <Button variant="primary" text="Right" />
+          <Typography component="span">Starboard</Typography>
         </Tooltip>
         <Tooltip text="Bottom" placement="bottom" ariaType="label">
-          <Button variant="primary" text="Bottom" />
+          <Typography component="span">Port</Typography>
         </Tooltip>
         <Tooltip text="Left" placement="left" ariaType="label">
-          <Button variant="primary" text="Left" />
+          <Typography component="span">Stern</Typography>
         </Tooltip>
       </>
     );