diff --git a/components/popover/__tests__/__snapshots__/index.test.tsx.snap b/components/popover/__tests__/__snapshots__/index.test.tsx.snap
index 998aa07..b673ec6 100644
--- a/components/popover/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/popover/__tests__/__snapshots__/index.test.tsx.snap
@@ -9,6 +9,7 @@ exports[`Popover should render react-node 1`] = `
       </style><style>
         .tooltip {
           width: max-content;
+          display: inline-block;
         }
       </style></div>"
 `;
@@ -22,6 +23,7 @@ exports[`Popover should work with different placement 1`] = `
       </style><style>
         .tooltip {
           width: max-content;
+          display: inline-block;
         }
       </style></div>"
 `;
diff --git a/components/tooltip/tooltip.tsx b/components/tooltip/tooltip.tsx
index 2e39cbf..9a23361 100644
--- a/components/tooltip/tooltip.tsx
+++ b/components/tooltip/tooltip.tsx
@@ -110,6 +110,7 @@ const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>> = ({
       <style jsx>{`
         .tooltip {
           width: max-content;
+          display: inline-block;
         }
       `}</style>
     </div>