From 32d32e4951e4a0ca4e50ce5fa11304669540f572 Mon Sep 17 00:00:00 2001
From: marcoskolodny <marcoskolodny@gmail.com>
Date: Tue, 1 Oct 2024 14:09:21 +0200
Subject: [PATCH] fix box in tooltip/popover

---
 src/popover.tsx | 5 ++---
 src/tooltip.tsx | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/popover.tsx b/src/popover.tsx
index 2d8ba7995..94042ecc6 100644
--- a/src/popover.tsx
+++ b/src/popover.tsx
@@ -4,7 +4,6 @@ import {BaseTooltip} from './tooltip';
 import Inline from './inline';
 import Stack from './stack';
 import {Text2, Text3} from './text';
-import Box from './box';
 import * as styles from './popover.css';
 import {vars as skinVars} from './skins/skin-contract.css';
 import {iconContainerSize} from './icon-button.css';
@@ -45,7 +44,7 @@ const Popover = ({
     return (
         <BaseTooltip
             content={
-                <Box className={styles.content}>
+                <div className={styles.content}>
                     {(title || description || asset) && (
                         <div
                             style={{
@@ -67,7 +66,7 @@ const Popover = ({
                     )}
 
                     {extra ?? children}
-                </Box>
+                </div>
             }
             centerContent={false}
             open={open}
diff --git a/src/tooltip.tsx b/src/tooltip.tsx
index cf8cf7473..716c32305 100644
--- a/src/tooltip.tsx
+++ b/src/tooltip.tsx
@@ -18,7 +18,6 @@ import {useSetTooltipState, useTooltipState} from './tooltip-context-provider';
 import {isRunningAcceptanceTest} from './utils/platform';
 import {IconButton} from './icon-button';
 import IconCloseRegular from './generated/mistica-icons/icon-close-regular';
-import Box from './box';
 import * as tokens from './text-tokens';
 
 import type {BoundingRect} from './hooks';
@@ -619,7 +618,7 @@ const Tooltip = ({
     return (
         <BaseTooltip
             content={
-                <Box className={styles.content}>
+                <div className={styles.content}>
                     {(title || description) && (
                         <Stack space={4}>
                             {title && <Text2 medium>{title}</Text2>}
@@ -627,7 +626,7 @@ const Tooltip = ({
                         </Stack>
                     )}
                     {extra ?? children}
-                </Box>
+                </div>
             }
             centerContent={centerContent}
             dataAttributes={{'component-name': 'Tooltip', ...dataAttributes}}