From 10638226e7caea5e9bf2f16b2c969269aaed14a5 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 29 Aug 2023 09:45:02 +0200
Subject: [PATCH] fixed the margin of delete icon in udapp

---
 .../src/lib/components/instanceContainerUI.tsx       | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx b/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx
index ad106c45c1..aafad1d811 100644
--- a/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx
@@ -1,12 +1,12 @@
 // eslint-disable-next-line no-use-before-define
-import {CustomTooltip} from '@remix-ui/helper'
+import { CustomTooltip } from '@remix-ui/helper'
 import React from 'react'
-import {FormattedMessage, useIntl} from 'react-intl'
-import {InstanceContainerProps} from '../types'
-import {UniversalDappUI} from './universalDappUI'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { InstanceContainerProps } from '../types'
+import { UniversalDappUI } from './universalDappUI'
 
 export function InstanceContainerUI(props: InstanceContainerProps) {
-  const {instanceList} = props.instances
+  const { instanceList } = props.instances
 
   const clearInstance = () => {
     props.clearInstances()
@@ -34,7 +34,7 @@ export function InstanceContainerUI(props: InstanceContainerProps) {
             tooltipId="deployAndRunClearInstancesTooltip"
             tooltipText={<FormattedMessage id="udapp.deployAndRunClearInstances" />}
           >
-            <i className="mr-2 udapp_icon far fa-trash-alt" data-id="deployAndRunClearInstances" onClick={clearInstance} aria-hidden="true"></i>
+            <i className="mr-1 udapp_icon far fa-trash-alt" data-id="deployAndRunClearInstances" onClick={clearInstance} aria-hidden="true"></i>
           </CustomTooltip>
         ) : null}
       </div>