From 3c2916f647e960c81ba2eaf7bd6dcb176e1d54f4 Mon Sep 17 00:00:00 2001 From: TJ Egan Date: Fri, 8 Sep 2023 15:30:09 -0400 Subject: [PATCH] fix(Tooltip): update story to match toggletip styles (#14598) Co-authored-by: Guilherme Datilio Ribeiro --- packages/react/src/components/Tooltip/story.scss | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/react/src/components/Tooltip/story.scss b/packages/react/src/components/Tooltip/story.scss index 0dc77b616041..4d1d71f681f2 100644 --- a/packages/react/src/components/Tooltip/story.scss +++ b/packages/react/src/components/Tooltip/story.scss @@ -9,6 +9,7 @@ @use '@carbon/styles/scss/theme'; @use '@carbon/styles/scss/type'; @use '@carbon/styles/scss/utilities/button-reset'; +@use '@carbon/styles/scss/utilities/focus-outline'; // This is a utility class to make sure that tooltip stories have a minimum // height when used in MDX docs @@ -26,9 +27,12 @@ display: flex; align-items: center; justify-content: center; - width: 2rem; - height: 2rem; - border: 1px solid theme.$border-subtle; + width: 1rem; + height: 1rem; +} + +.sb-tooltip-trigger:focus { + @include focus-outline.focus-outline; } .sb-tooltip-trigger svg {