fix(Tooltip): update story to match toggletip styles (#14598)

Co-authored-by: Guilherme Datilio Ribeiro <[email protected]>
carbon-design-system · Sep 8, 2023 · 3c2916f · 3c2916f
1 parent bfea2ed
commit 3c2916f
Showing 1 changed file with 7 additions and 3 deletions.
diff --git 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 {