diff --git a/packages/widget/src/components/ContractComponent/NFT/NFTBase.tsx b/packages/widget/src/components/ContractComponent/NFT/NFTBase.tsx
index 75d61e4cf..2ea90ecb8 100644
--- a/packages/widget/src/components/ContractComponent/NFT/NFTBase.tsx
+++ b/packages/widget/src/components/ContractComponent/NFT/NFTBase.tsx
@@ -14,12 +14,16 @@ export const NFTBase: React.FC<NFTProps> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    (<Box sx={{
-      p: 2
-    }}>
-      <Box sx={{
-        display: "flex"
-      }}>
+    <Box
+      sx={{
+        p: 2,
+      }}
+    >
+      <Box
+        sx={{
+          display: 'flex',
+        }}
+      >
         {isLoading ? (
           <Skeleton
             width={96}
@@ -30,17 +34,20 @@ export const NFTBase: React.FC<NFTProps> = ({
         ) : (
           <PreviewAvatar src={imageUrl} />
         )}
-        <Box sx={{
-          ml: 2
-        }}>
+        <Box
+          sx={{
+            ml: 2,
+          }}
+        >
           {isLoading ? (
             <Skeleton width={144} height={21} variant="text" />
           ) : (
             <Typography
               sx={{
                 fontSize: 14,
-                color: "text.secondary"
-              }}>
+                color: 'text.secondary',
+              }}
+            >
               {collectionName}
             </Typography>
           )}
@@ -50,8 +57,9 @@ export const NFTBase: React.FC<NFTProps> = ({
             <Typography
               sx={{
                 fontSize: 18,
-                fontWeight: 600
-              }}>
+                fontWeight: 600,
+              }}
+            >
               {assetName}
             </Typography>
           )}
@@ -61,8 +69,9 @@ export const NFTBase: React.FC<NFTProps> = ({
             <Typography
               sx={{
                 fontSize: 14,
-                color: "text.secondary"
-              }}>
+                color: 'text.secondary',
+              }}
+            >
               {t('main.ownedBy')}{' '}
               <Link
                 href={owner.url}
@@ -77,6 +86,6 @@ export const NFTBase: React.FC<NFTProps> = ({
         </Box>
       </Box>
       <Token token={token} isLoading={isLoading} mt={2} />
-    </Box>)
-  );
+    </Box>
+  )
 }
diff --git a/packages/widget/src/components/FeeBreakdownTooltip.tsx b/packages/widget/src/components/FeeBreakdownTooltip.tsx
index 3d91f11eb..e258df9cb 100644
--- a/packages/widget/src/components/FeeBreakdownTooltip.tsx
+++ b/packages/widget/src/components/FeeBreakdownTooltip.tsx
@@ -18,7 +18,7 @@ export const FeeBreakdownTooltip: React.FC<FeeBreakdownTooltipProps> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    (<Tooltip
+    <Tooltip
       title={
         <Box>
           {gasCosts?.length ? (
@@ -28,9 +28,11 @@ export const FeeBreakdownTooltip: React.FC<FeeBreakdownTooltipProps> = ({
             </Box>
           ) : null}
           {feeCosts?.length ? (
-            <Box sx={{
-              mt: 0.5
-            }}>
+            <Box
+              sx={{
+                mt: 0.5,
+              }}
+            >
               {t('main.fees.provider')}
               {getFeeBreakdownTypography(feeCosts, t)}
             </Box>
@@ -40,8 +42,8 @@ export const FeeBreakdownTooltip: React.FC<FeeBreakdownTooltipProps> = ({
       sx={{ cursor: 'help' }}
     >
       {children}
-    </Tooltip>)
-  );
+    </Tooltip>
+  )
 }
 
 export const getFeeBreakdownTypography = (
@@ -54,8 +56,9 @@ export const getFeeBreakdownTypography = (
       key={`${fee.token.address}${index}`}
       sx={{
         fontSize: 12,
-        fontWeight: "500"
-      }}>
+        fontWeight: '500',
+      }}
+    >
       {t('format.currency', { value: fee.amountUSD })} (
       {t('format.number', {
         value: Number.parseFloat(formatUnits(fee.amount, fee.token.decimals)),