Merge pull request #204 from unix/tooltip

fix(tooltip): fix autowrap errors for elements wrapped by tooltip

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>"
 `;

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>