diff --git a/package.json b/package.json
index d6c1db22b..08c15fe0c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "1.0.43",
+  "version": "1.0.44",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {
diff --git a/src/components/IconTooltip/index.tsx b/src/components/IconTooltip/index.tsx
index d3591623b..befdf903b 100644
--- a/src/components/IconTooltip/index.tsx
+++ b/src/components/IconTooltip/index.tsx
@@ -36,9 +36,18 @@ export type IconTooltipProps = {
 };
 
 export default function IconTooltip({ iconName = 'info', placement = 'top-start', title }: IconTooltipProps): JSX.Element {
+  const [open, setOpen] = React.useState(false);
   const { isMobile } = useDeviceInfo();
   const classes = useStyles();
 
+  const handleTooltipClose = () => {
+    setOpen(false);
+  };
+
+  const handleTooltipOpen = () => {
+    setOpen(true);
+  };
+
   return (
     <Tooltip
       arrow={true}
@@ -46,13 +55,15 @@ export default function IconTooltip({ iconName = 'info', placement = 'top-start'
         arrow: classes.arrow,
         tooltip: classes.tooltip,
       }}
+      onClose={handleTooltipClose}
+      open={isMobile ? open : undefined}
       placement={placement}
       sx={{
         maxWidth: isMobile ? '342px' : '464px',
       }}
       title={title}
     >
-      <span>
+      <span onClick={handleTooltipOpen}>
         <Icon name={iconName} className={classes.icon} />
       </span>
     </Tooltip>