diff --git a/src/components/Body/IFrameConnectTab/ShareModal.tsx b/src/components/Body/IFrameConnectTab/ShareModal.tsx
index b83e03d..328d6d9 100644
--- a/src/components/Body/IFrameConnectTab/ShareModal.tsx
+++ b/src/components/Body/IFrameConnectTab/ShareModal.tsx
@@ -43,7 +43,7 @@ function ShareModal({
- Share this link so that anyone can auto connect to this dapp with
+ Share this link so that anyone can auto-connect to this dapp with
your provided address!
diff --git a/src/components/Body/IFrameConnectTab/index.tsx b/src/components/Body/IFrameConnectTab/index.tsx
index 30db514..4719c5a 100644
--- a/src/components/Body/IFrameConnectTab/index.tsx
+++ b/src/components/Body/IFrameConnectTab/index.tsx
@@ -8,7 +8,10 @@ import {
Input,
Text,
useDisclosure,
+ InputGroup,
+ InputRightElement,
} from "@chakra-ui/react";
+import { DeleteIcon } from "@chakra-ui/icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faShareAlt } from "@fortawesome/free-solid-svg-icons";
import SupportedDapps from "./SupportedDapps";
@@ -57,14 +60,30 @@ function IFrameConnectTab({
/>
- setInputAppUrl(e.target.value)}
- bg={bg}
- />
+
+ setInputAppUrl(e.target.value)}
+ bg={bg}
+ />
+ {inputAppUrl && (
+
+
+
+ )}
+
{appUrl && (
<>