fix: remove fee title in increase fee form

leather-io · Jan 11, 2024 · 0de3900 · 0de3900
1 parent 77dc018
commit 0de3900
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 22 deletions.
diff --git a/src/app/components/transaction/microblock-label.tsx b/src/app/components/transaction/microblock-label.tsx
@@ -13,7 +13,7 @@ export function MicroblockLabel() {
         In microblock
       </styled.span>
       <Tooltip label={inMicroblockMessage} placement="bottom">
-        <Box _hover={{ cursor: 'pointer' }} color="warning.label" height="10px" width="10px">
+        <Box _hover={{ cursor: 'pointer' }} color="warning.label">
           <InfoIcon />
         </Box>
       </Tooltip>

diff --git a/src/app/features/increase-fee-drawer/components/increase-fee-field.tsx b/src/app/features/increase-fee-drawer/components/increase-fee-field.tsx
@@ -1,7 +1,7 @@
 import { useCallback, useMemo, useState } from 'react';
 
 import { useField } from 'formik';
-import { Flex, Stack, styled } from 'leather-styles/jsx';
+import { Stack, styled } from 'leather-styles/jsx';
 
 import { microStxToStx, stxToMicroStx } from '@app/common/money/unit-conversion';
 import { ErrorLabel } from '@app/components/error-label';
@@ -44,26 +44,24 @@ export function IncreaseFeeField(props: IncreaseFeeFieldProps): React.JSX.Elemen
           showReset={showResetMultiplier}
           onSelectMultiplier={onSelectMultiplier}
         />
-        <Flex>
-          <styled.label display="block" textStyle="body.02" mb="space.02" htmlFor="fee">
-            Fee
-          </styled.label>
-          <styled.input
-            _focus={{ border: 'focus' }}
-            autoComplete="off"
-            bg="transparent"
-            border="default"
-            borderRadius="sm"
-            height="64px"
-            display="block"
-            p="space.04"
-            placeholder="Enter a custom fee"
-            ring="none"
-            textStyle="body.02"
-            width="100%"
-            {...field}
-          />
-        </Flex>
+        <styled.label htmlFor="fee" display="none">
+          Fee
+        </styled.label>
+        <styled.input
+          _focus={{ border: 'focus' }}
+          autoComplete="off"
+          bg="transparent"
+          border="default"
+          borderRadius="sm"
+          height="64px"
+          display="block"
+          p="space.04"
+          placeholder="Enter a custom fee"
+          ring="none"
+          textStyle="body.02"
+          width="100%"
+          {...field}
+        />
       </Stack>
       {meta.error && <ErrorLabel>{meta.error}</ErrorLabel>}
     </>