fix: remove fee title in increase fee form

leather-io · Jan 10, 2024 · c6dc100 · c6dc100
1 parent 2eaa09f
commit c6dc100
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 21 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
@@ -44,26 +44,21 @@ 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.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>}
     </>