fix: tooltip text alignment (#3896)

dailydotdev · Nov 30, 2024 · b253240 · b253240
1 parent 819f542
commit b253240
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/shared/src/components/plus/PlusListItem.tsx b/packages/shared/src/components/plus/PlusListItem.tsx
@@ -48,7 +48,9 @@ export const PlusListItem = ({
       condition={!!item.tooltip}
       wrapper={(component: ReactElement) => (
         <SimpleTooltip
-          container={{ className: 'tablet:max-w-72' }}
+          container={{
+            className: 'tablet:max-w-72 text-center',
+          }}
           content={item.tooltip}
           delay={0}
           forceLoad

diff --git a/packages/shared/src/components/tooltips/BaseTooltipContainer.tsx b/packages/shared/src/components/tooltips/BaseTooltipContainer.tsx
@@ -62,7 +62,11 @@ export function BaseTooltipContainer({
       {!!showArrow && (
         <Arrow
           data-popper-arrow
-          className={classNames(styles.tippyTooltipArrow, bgClassName)}
+          className={classNames(
+            styles.tippyTooltipArrow,
+            bgClassName,
+            'text-justify',
+          )}
         />
       )}
     </div>