Fixed issue with hover tooltips.

components/input/LogoutButton.js

@@ -1,4 +1,4 @@
-import { Button, Icon, Icons, Tooltip } from 'react-basics';
+import { Button, Icon, Icons, TooltipPopup } from 'react-basics';
 import Link from 'next/link';
 import useMessages from 'hooks/useMessages';
 
@@ -6,13 +6,13 @@ export function LogoutButton({ tooltipPosition = 'top' }) {
   const { formatMessage, labels } = useMessages();
   return (
     <Link href="/logout">
-      <Tooltip label={formatMessage(labels.logout)} position={tooltipPosition}>
+      <TooltipPopup label={formatMessage(labels.logout)} position={tooltipPosition}>
         <Button variant="quiet">
           <Icon>
             <Icons.Logout />
           </Icon>
         </Button>
-      </Tooltip>
+      </TooltipPopup>
     </Link>
   );
 }