diff --git a/packages/snap/snap.manifest.json b/packages/snap/snap.manifest.json
index 97a8ccb..e48ac9f 100644
--- a/packages/snap/snap.manifest.json
+++ b/packages/snap/snap.manifest.json
@@ -7,7 +7,7 @@
"url": "https://github.com/polkagate/snap.git"
},
"source": {
- "shasum": "RLbpFL70qJQgl5MUKNoO1M87+mp1UO35JBWBQkFuRCE=",
+ "shasum": "GU6RLcGmf1Uq1//QEReWytGF37ZyMct/wq4kntcQ+VY=",
"location": {
"npm": {
"filePath": "dist/bundle.js",
diff --git a/packages/snap/src/ui/image/icons/hourglass.svg b/packages/snap/src/ui/image/icons/hourglass.svg
new file mode 100644
index 0000000..3e58d65
--- /dev/null
+++ b/packages/snap/src/ui/image/icons/hourglass.svg
@@ -0,0 +1,51 @@
+
\ No newline at end of file
diff --git a/packages/snap/src/ui/image/icons/index.tsx b/packages/snap/src/ui/image/icons/index.tsx
index 4202048..d109940 100644
--- a/packages/snap/src/ui/image/icons/index.tsx
+++ b/packages/snap/src/ui/image/icons/index.tsx
@@ -14,4 +14,5 @@ export { default as book } from './book.svg'
export { default as webSite } from './webSite.svg'
export { default as email } from './email.svg'
export { default as youtube } from './youtube.svg'
-export { default as success } from './success.svg'
\ No newline at end of file
+export { default as success } from './success.svg'
+export { default as hourglass } from './hourglass.svg'
\ No newline at end of file
diff --git a/packages/snap/src/ui/showSpinner.tsx b/packages/snap/src/ui/showSpinner.tsx
index f0a27a4..855c985 100644
--- a/packages/snap/src/ui/showSpinner.tsx
+++ b/packages/snap/src/ui/showSpinner.tsx
@@ -1,4 +1,5 @@
-import { Box, Icon, Spinner, Text } from "@metamask/snaps-sdk/jsx";
+import { Box, Icon, Image, Spinner, Text } from "@metamask/snaps-sdk/jsx";
+import { hourglass } from "./image/icons";
/**
* Show an spinner while processing.
*
@@ -19,14 +20,11 @@ export const ui = (label?: string) => {
return (
+
+
+ {label || 'Processing, Please Wait!'}
+
-
-
-
- {label || 'Processing, Please Wait!'}
-
-
-
);
};
\ No newline at end of file