diff --git a/tools/tenscan/frontend/pages/_app.tsx b/tools/tenscan/frontend/pages/_app.tsx
index e8c8d12077..d2115793f1 100644
--- a/tools/tenscan/frontend/pages/_app.tsx
+++ b/tools/tenscan/frontend/pages/_app.tsx
@@ -69,9 +69,25 @@ export default function App({ Component, pageProps }: AppProps) {
         ogTwitterImage={siteMetadata.siteLogo}
         ogType={"website"}
       >
-        <link rel="icon" href="/static/favicon.ico" />
-        <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
-        <link rel="manifest" href="/manifest.json" />
+        <link rel="icon" href="/favicon/favicon.ico" />
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/favicon/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/favicon/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/favicon/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/favicon/site.webmanifest" />
       </HeadSeo>
       <QueryClientProvider client={queryClient}>
         <ThemeProvider
diff --git a/tools/tenscan/frontend/public/favicon/android-chrome-192x192.png b/tools/tenscan/frontend/public/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000000..8920a45ebd
Binary files /dev/null and b/tools/tenscan/frontend/public/favicon/android-chrome-192x192.png differ
diff --git a/tools/tenscan/frontend/public/favicon/android-chrome-512x512.png b/tools/tenscan/frontend/public/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000000..89efc27d0c
Binary files /dev/null and b/tools/tenscan/frontend/public/favicon/android-chrome-512x512.png differ
diff --git a/tools/tenscan/frontend/public/favicon/apple-touch-icon.png b/tools/tenscan/frontend/public/favicon/apple-touch-icon.png
new file mode 100644
index 0000000000..e12ff03f4f
Binary files /dev/null and b/tools/tenscan/frontend/public/favicon/apple-touch-icon.png differ
diff --git a/tools/tenscan/frontend/public/favicon/favicon-16x16.png b/tools/tenscan/frontend/public/favicon/favicon-16x16.png
new file mode 100644
index 0000000000..747aa430ef
Binary files /dev/null and b/tools/tenscan/frontend/public/favicon/favicon-16x16.png differ
diff --git a/tools/tenscan/frontend/public/favicon/favicon-32x32.png b/tools/tenscan/frontend/public/favicon/favicon-32x32.png
new file mode 100644
index 0000000000..0f695ac8a2
Binary files /dev/null and b/tools/tenscan/frontend/public/favicon/favicon-32x32.png differ
diff --git a/tools/tenscan/frontend/public/favicon/favicon.ico b/tools/tenscan/frontend/public/favicon/favicon.ico
new file mode 100644
index 0000000000..b87a7f2011
Binary files /dev/null and b/tools/tenscan/frontend/public/favicon/favicon.ico differ
diff --git a/tools/tenscan/frontend/public/favicon/site.webmanifest b/tools/tenscan/frontend/public/favicon/site.webmanifest
new file mode 100644
index 0000000000..a77f5a4893
--- /dev/null
+++ b/tools/tenscan/frontend/public/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "Tenscan",
+  "short_name": "Tenscan",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#db766b",
+  "background_color": "#db766b",
+  "display": "standalone"
+}
diff --git a/tools/walletextension/frontend/public/favicon/android-chrome-192x192.png b/tools/walletextension/frontend/public/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000000..8920a45ebd
Binary files /dev/null and b/tools/walletextension/frontend/public/favicon/android-chrome-192x192.png differ
diff --git a/tools/walletextension/frontend/public/favicon/android-chrome-512x512.png b/tools/walletextension/frontend/public/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000000..89efc27d0c
Binary files /dev/null and b/tools/walletextension/frontend/public/favicon/android-chrome-512x512.png differ
diff --git a/tools/walletextension/frontend/public/favicon/apple-touch-icon.png b/tools/walletextension/frontend/public/favicon/apple-touch-icon.png
new file mode 100644
index 0000000000..e12ff03f4f
Binary files /dev/null and b/tools/walletextension/frontend/public/favicon/apple-touch-icon.png differ
diff --git a/tools/walletextension/frontend/public/favicon/favicon-16x16.png b/tools/walletextension/frontend/public/favicon/favicon-16x16.png
new file mode 100644
index 0000000000..747aa430ef
Binary files /dev/null and b/tools/walletextension/frontend/public/favicon/favicon-16x16.png differ
diff --git a/tools/walletextension/frontend/public/favicon/favicon-32x32.png b/tools/walletextension/frontend/public/favicon/favicon-32x32.png
new file mode 100644
index 0000000000..0f695ac8a2
Binary files /dev/null and b/tools/walletextension/frontend/public/favicon/favicon-32x32.png differ
diff --git a/tools/walletextension/frontend/public/favicon/favicon.ico b/tools/walletextension/frontend/public/favicon/favicon.ico
new file mode 100644
index 0000000000..b87a7f2011
Binary files /dev/null and b/tools/walletextension/frontend/public/favicon/favicon.ico differ
diff --git a/tools/walletextension/frontend/public/favicon/site.webmanifest b/tools/walletextension/frontend/public/favicon/site.webmanifest
new file mode 100644
index 0000000000..ef69d666d6
--- /dev/null
+++ b/tools/walletextension/frontend/public/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "Ten Gateway",
+  "short_name": "Ten Gateway",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#db766b",
+  "background_color": "#db766b",
+  "display": "standalone"
+}
diff --git a/tools/walletextension/frontend/src/pages/_app.tsx b/tools/walletextension/frontend/src/pages/_app.tsx
index 08951a549c..ba3a57bf6f 100644
--- a/tools/walletextension/frontend/src/pages/_app.tsx
+++ b/tools/walletextension/frontend/src/pages/_app.tsx
@@ -34,9 +34,25 @@ export default function App({ Component, pageProps }: AppProps) {
         ogTwitterImage={siteMetadata.siteLogo}
         ogType={"website"}
       >
-        <link rel="icon" href="/static/favicon.ico" />
-        <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
-        <link rel="manifest" href="/manifest.json" />
+        <link rel="icon" href="/static/favicon/favicon.ico" />
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/static/favicon/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/static/favicon/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/static/favicon/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/static/favicon/site.webmanifest" />
       </HeadSeo>
       <ThemeProvider
         attribute="class"
diff --git a/tools/walletextension/frontend/src/styles/globals.css b/tools/walletextension/frontend/src/styles/globals.css
index 441012a02f..7aae7e2fdd 100644
--- a/tools/walletextension/frontend/src/styles/globals.css
+++ b/tools/walletextension/frontend/src/styles/globals.css
@@ -16,7 +16,9 @@
 
   body {
     @apply bg-background text-foreground;
-    font-feature-settings: "rlig" 1, "calt" 1;
+    font-feature-settings:
+      "rlig" 1,
+      "calt" 1;
     font-family: "Quicksand", sans-serif;
   }