From 0de39009995aca8e6b809c759e9005f09b8ff970 Mon Sep 17 00:00:00 2001
From: alter-eggo <anastas3993@gmail.com>
Date: Thu, 11 Jan 2024 13:04:38 +0400
Subject: [PATCH] fix: remove fee title in increase fee form

---
 .../transaction/microblock-label.tsx          |  2 +-
 .../components/increase-fee-field.tsx         | 40 +++++++++----------
 2 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/app/components/transaction/microblock-label.tsx b/src/app/components/transaction/microblock-label.tsx
index 00aa8feac38..68f42d8ffb6 100644
--- 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
index d1ef6ba0715..a12414bd881 100644
--- 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>}
     </>