diff --git a/public/images/loader-colored.svg b/public/images/loader-colored.svg
new file mode 100644
index 00000000..d41d6369
--- /dev/null
+++ b/public/images/loader-colored.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/app/components/mint-unmint/components/setup-vault-screen/components/setup-vault-screen.vault-graphics.tsx b/src/app/components/mint-unmint/components/setup-vault-screen/components/setup-vault-screen.vault-graphics.tsx
new file mode 100644
index 00000000..8ee091b2
--- /dev/null
+++ b/src/app/components/mint-unmint/components/setup-vault-screen/components/setup-vault-screen.vault-graphics.tsx
@@ -0,0 +1,43 @@
+import { Box, Image, Text, VStack } from '@chakra-ui/react';
+
+export function SetupVaultScreenVaultGraphics(): React.JSX.Element {
+ return (
+
+
+
+
+
+
+
+ BTC/dlcBTC Vault
+
+
+
+ );
+}
diff --git a/src/app/components/mint-unmint/components/setup-vault-screen/setup-vault-screen.tsx b/src/app/components/mint-unmint/components/setup-vault-screen/setup-vault-screen.tsx
index 9b2f5cdb..c4c6bc1e 100644
--- a/src/app/components/mint-unmint/components/setup-vault-screen/setup-vault-screen.tsx
+++ b/src/app/components/mint-unmint/components/setup-vault-screen/setup-vault-screen.tsx
@@ -5,6 +5,8 @@ import { useEthersSigner } from '@functions/configuration.functions';
import { EthereumNetworkConfigurationContext } from '@providers/ethereum-network-configuration.provider';
import { setupVault } from 'dlc-btc-lib/ethereum-functions';
+import { SetupVaultScreenVaultGraphics } from './components/setup-vault-screen.vault-graphics';
+
export function SetupVaultScreen(): React.JSX.Element {
const toast = useToast();
@@ -31,7 +33,8 @@ export function SetupVaultScreen(): React.JSX.Element {
}
return (
-
+
+