From cf4b74978f2129ce85e90970b133d2f15f47c594 Mon Sep 17 00:00:00 2001
From: George Gritsouk <989898+gggritso@users.noreply.github.com>
Date: Wed, 9 Oct 2024 10:20:27 -0400
Subject: [PATCH] Add trigger

---
 static/app/components/questionTooltip.tsx | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/static/app/components/questionTooltip.tsx b/static/app/components/questionTooltip.tsx
index 74af2c416b0ccf..11f68d7b834e2b 100644
--- a/static/app/components/questionTooltip.tsx
+++ b/static/app/components/questionTooltip.tsx
@@ -5,6 +5,8 @@ import {Tooltip} from 'sentry/components/tooltip';
 import {IconInfo, IconQuestion} from 'sentry/icons';
 import type {IconSize} from 'sentry/utils/theme';
 
+import {Button} from './button';
+
 interface QuestionProps
   extends Partial<
     Pick<
@@ -36,11 +38,13 @@ function QuestionTooltip({
   return (
     <QuestionIconContainer size={size} className={className}>
       <Tooltip title={title} {...tooltipProps}>
-        {icon === 'info' ? (
-          <IconInfo size={size} color="subText" data-test-id="more-information" />
-        ) : (
-          <IconQuestion size={size} color="subText" data-test-id="more-information" />
-        )}
+        <TooltipTriggerButton borderless size="xs">
+          {icon === 'info' ? (
+            <IconInfo size={size} color="subText" data-test-id="more-information" />
+          ) : (
+            <IconQuestion size={size} color="subText" data-test-id="more-information" />
+          )}
+        </TooltipTriggerButton>
       </Tooltip>
     </QuestionIconContainer>
   );
@@ -61,4 +65,11 @@ const QuestionIconContainer = styled('span')<Pick<QuestionProps, 'size' | 'class
   }
 `;
 
+const TooltipTriggerButton = styled(Button)`
+  padding: 0;
+  min-height: 0;
+  width: auto;
+  height: auto;
+`;
+
 export default QuestionTooltip;