fix: extra height space

input-output-hk · Apr 25, 2024 · 498939e · 498939e
1 parent 6dff87d
commit 498939e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/...ages/ui/src/design-system/dapp-transaction-summary/dapp-transaction-summary.component.tsx b/...ages/ui/src/design-system/dapp-transaction-summary/dapp-transaction-summary.component.tsx
@@ -38,11 +38,9 @@ export const TransactionSummary = ({
       <Flex justifyContent="flex-start" mb="$18">
         <Text.Body.Normal weight="$semibold">{title}</Text.Body.Normal>
         {tooltip && (
-          <Box ml="$8">
+          <Box ml="$8" className={styles.iconContainer}>
             <Tooltip label={tooltip}>
-              <div>
-                <InfoIcon className={styles.tooltipIcon} />
-              </div>
+              <InfoIcon className={styles.tooltipIcon} />
             </Tooltip>
           </Box>
         )}

diff --git a/packages/ui/src/design-system/dapp-transaction-summary/dapp-transaction-summary.css.ts b/packages/ui/src/design-system/dapp-transaction-summary/dapp-transaction-summary.css.ts
@@ -38,3 +38,7 @@ export const tooltipIcon = style([
     width: '$24',
   }),
 ]);
+
+export const iconContainer = style({
+  lineHeight: 0,
+});