Fix tooltip alignment for buttons in list component (#5217)

Talend · Mar 4, 2024 · 2d7861a · 2d7861a
1 parent 731021d
commit 2d7861a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/fuzzy-nails-battle.md b/.changeset/fuzzy-nails-battle.md
@@ -0,0 +1,5 @@
+---
+"@talend/react-components": patch
+---
+
+fix: tooltip alignement for buttons in list component
diff --git a/packages/components/src/List/Toolbar/DisplayModeToggle/DisplayModeToggle.component.js b/packages/components/src/List/Toolbar/DisplayModeToggle/DisplayModeToggle.component.js
@@ -1,7 +1,10 @@
 /* eslint-disable react/display-name */
 import { memo } from 'react';
+
 import PropTypes from 'prop-types';
+
 import { ButtonIconToggle, StackHorizontal } from '@talend/design-system';
+
 import getDefaultT from '../../../translate';
 import { DISPLAY_MODE } from '../../ListComposition/constants';
 
@@ -24,6 +27,7 @@ export const DisplayModeActionIcon = memo(
 			<ButtonIconToggle
 				key={displayMode}
 				id={`${id}-${displayMode}`}
+				tooltipPlacement="top-end"
 				icon={icon}
 				isActive={displayMode === displayModeOption}
 				size="S"