diff --git a/.editorconfig b/.editorconfig
index 9cdaec79c..33e02da18 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -10,3 +10,6 @@ trim_trailing_whitespace = true
 
 [/config.xml]
 indent_size = 4
+
+[*.webmanifest]
+indent_size = 4
diff --git a/.travis.yml b/.travis.yml
index 8f45360e2..cfb8bec0d 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,10 +1,12 @@
 matrix:
   include:
     - language: node_js
+      dist: trusty
       node_js: '10'
       script: scripts/test.sh
 
     - language: android
+      dist: trusty
       android:
         components:
           - build-tools-28.0.3
diff --git a/config.xml b/config.xml
index fbf83843a..efb8def96 100644
--- a/config.xml
+++ b/config.xml
@@ -1,5 +1,5 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget id="com.aeternity.base" version="0.8.9" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+<widget id="com.aeternity.base" version="0.8.10" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">
     <name>Base æpp</name>
     <author href="https://aeternity.com">
         aeternity developers
diff --git a/package-lock.json b/package-lock.json
index ad46d0645..f64c71140 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,16 @@
 {
   "name": "aepp-base",
-  "version": "0.8.9",
+  "version": "0.8.10",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
     "@aeternity/aepp-sdk": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@aeternity/aepp-sdk/-/aepp-sdk-4.2.0.tgz",
-      "integrity": "sha512-VC2Q6jCgYy7Qgi5+s117RNJ+VZPrNVQIM7F+X/OmIi5uiII30GH+nt1Ecpmf+Ofs+LrE6skZnvqzwV1Qx1K21g==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@aeternity/aepp-sdk/-/aepp-sdk-4.3.0.tgz",
+      "integrity": "sha512-XEtBBX4UQs1y5w76UN9D1DXNU2R/2U2O4AoSairG9uQ72+grLIfqVSUZH3L5lLmc7vPcmYor4qBxkhtzawVduA==",
       "requires": {
         "@aeternity/bip39": "^0.1.0",
-        "@babel/runtime": "^7.5.0",
+        "@babel/runtime": "^7.5.5",
         "@stamp/it": "^1.0.3",
         "@stamp/required": "^1.0.1",
         "aes-js": "^3.1.1",
@@ -34,9 +34,9 @@
       },
       "dependencies": {
         "@babel/runtime": {
-          "version": "7.5.4",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.5.4.tgz",
-          "integrity": "sha512-Na84uwyImZZc3FKf4aUF1tysApzwf3p2yuFBIyBfbzT5glzKTdvYI4KVW4kcgjrzoGUjC7w3YyCHcJKaRxsr2Q==",
+          "version": "7.5.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.5.5.tgz",
+          "integrity": "sha512-28QvEGyQyNkB0/m2B4FU7IEZGK2NUrcMtT6BZEFALTguLk+AUT6ofsHtPk5QyjAdUkpMJ+/Em+quwz4HOt30AQ==",
           "requires": {
             "regenerator-runtime": "^0.13.2"
           }
@@ -16516,9 +16516,9 @@
       }
     },
     "node-addon-api": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-1.6.3.tgz",
-      "integrity": "sha512-FXWH6mqjWgU8ewuahp4spec8LkroFZK2NicOv6bNwZC3kcwZUI8LeZdG80UzTSLLhK4T7MsgNwlYDVRlDdfTDg=="
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-1.7.1.tgz",
+      "integrity": "sha512-2+DuKodWvwRTrCfKOeR24KIc5unKjOh8mz17NCzVnHWfjAdDqbfbjqh7gUT+BkXBRQM52+xCHciKWonJ3CbJMQ=="
     },
     "node-cache": {
       "version": "4.2.0",
@@ -23279,95 +23279,7 @@
         "rimraf": "^2.6.3",
         "vue": "^2.5.16",
         "vue-i18n": "^8.0.0",
-        "vue-i18n-extract": "^1.0.1"
-      },
-      "dependencies": {
-        "dotenv": {
-          "version": "6.2.0",
-          "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-6.2.0.tgz",
-          "integrity": "sha512-HygQCKUBSFl8wKQZBSemMywRWcEDNidvNbjGVyZu3nbZ8qq9ubiPoGLMdRDpfSrpkkm9BXYFkpKxxFX38o/76w==",
-          "dev": true
-        }
-      }
-    },
-    "vue-cli-plugin-storybook": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/vue-cli-plugin-storybook/-/vue-cli-plugin-storybook-0.6.1.tgz",
-      "integrity": "sha512-3SX8jBK9yykPzKzXbWJuhRmcE2vC9sPW8fkqPQLqNQgm0FDs3ctRJyvm7NrOo+EsGH+qlsH0niiSaN0ICuyVWg==",
-      "dev": true,
-      "requires": {
-        "@storybook/addons": "^4.1.0 || ^5.0.0",
-        "@storybook/vue": "^4.1.0 || ^5.0.0",
-        "commander": "^2.19.0"
-      }
-    },
-    "vue-clickaway": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/vue-clickaway/-/vue-clickaway-2.2.2.tgz",
-      "integrity": "sha512-25SpjXKetL06GLYoLoC8pqAV6Cur9cQ//2g35GRFBV4FgoljbZZjTINR8g2NuVXXDMLSUXaKx5dutgO4PaDE7A==",
-      "requires": {
-        "loose-envify": "^1.2.0"
-      }
-    },
-    "vue-eslint-parser": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-2.0.3.tgz",
-      "integrity": "sha512-ZezcU71Owm84xVF6gfurBQUGg8WQ+WZGxgDEQu1IHFBZNx7BFZg3L1yHxrCBNNwbwFtE1GuvfJKMtb6Xuwc/Bw==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "debug": "^3.1.0",
-        "eslint-scope": "^3.7.1",
-        "eslint-visitor-keys": "^1.0.0",
-        "espree": "^3.5.2",
-        "esquery": "^1.0.0",
-        "lodash": "^4.17.4"
-      },
-      "dependencies": {
-        "eslint-scope": {
-          "version": "3.7.3",
-          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-3.7.3.tgz",
-          "integrity": "sha512-W+B0SvF4gamyCTmUc+uITPY0989iXVfKvhwtmJocTaYoc/3khEHmEmvfY/Gn9HA9VV75jrQECsHizkNw1b68FA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "esrecurse": "^4.1.0",
-            "estraverse": "^4.1.1"
-          }
-        }
-      }
-    },
-    "vue-focus": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/vue-focus/-/vue-focus-2.1.0.tgz",
-      "integrity": "sha1-egM3zpB01e8D0VpLW4Ys9F5eBOM=",
-      "requires": {
-        "loose-envify": "^1.2.0"
-      }
-    },
-    "vue-hot-reload-api": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.3.tgz",
-      "integrity": "sha512-KmvZVtmM26BQOMK1rwUZsrqxEGeKiYSZGA7SNWE6uExx8UX/cj9hq2MRV/wWC3Cq6AoeDGk57rL9YMFRel/q+g==",
-      "dev": true
-    },
-    "vue-i18n": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.12.0.tgz",
-      "integrity": "sha512-Wh40dvkYZH0CntkhQQEed7nY8P/8xOOHy5Bl9W/WmmmW0oLYIL66XWwOqlcnNbLaL5HGN7XISydYVqXS0Sst9w=="
-    },
-    "vue-i18n-extract": {
-      "version": "0.4.14",
-      "resolved": "https://registry.npmjs.org/vue-i18n-extract/-/vue-i18n-extract-0.4.14.tgz",
-      "integrity": "sha512-gfbhyOU+zo8/dg1kHudBGHTJx9cvS7bsO2G/3mvSjzb3jCIu/HSbBT/EFaJMbo3y82zODq9+ehZZyVj5UH2qNA==",
-      "dev": true,
-      "requires": {
-        "cli-table3": "^0.5.1",
-        "dot-object": "^1.7.1",
-        "esm": "^3.2.13",
-        "glob": "^7.1.3",
-        "is-valid-glob": "^1.0.0",
-        "yargs": "^13.2.2"
+        "vue-i18n-extract": "^0.4.13"
       },
       "dependencies": {
         "cliui": {
@@ -23381,6 +23293,12 @@
             "wrap-ansi": "^5.1.0"
           }
         },
+        "dotenv": {
+          "version": "6.2.0",
+          "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-6.2.0.tgz",
+          "integrity": "sha512-HygQCKUBSFl8wKQZBSemMywRWcEDNidvNbjGVyZu3nbZ8qq9ubiPoGLMdRDpfSrpkkm9BXYFkpKxxFX38o/76w==",
+          "dev": true
+        },
         "find-up": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
@@ -23396,27 +23314,12 @@
           "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
           "dev": true
         },
-        "invert-kv": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz",
-          "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==",
-          "dev": true
-        },
         "is-fullwidth-code-point": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
           "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
           "dev": true
         },
-        "lcid": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz",
-          "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==",
-          "dev": true,
-          "requires": {
-            "invert-kv": "^2.0.0"
-          }
-        },
         "locate-path": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
@@ -23427,34 +23330,6 @@
             "path-exists": "^3.0.0"
           }
         },
-        "mem": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz",
-          "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==",
-          "dev": true,
-          "requires": {
-            "map-age-cleaner": "^0.1.1",
-            "mimic-fn": "^2.0.0",
-            "p-is-promise": "^2.0.0"
-          }
-        },
-        "mimic-fn": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-          "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-          "dev": true
-        },
-        "os-locale": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz",
-          "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==",
-          "dev": true,
-          "requires": {
-            "execa": "^1.0.0",
-            "lcid": "^2.0.0",
-            "mem": "^4.0.0"
-          }
-        },
         "p-limit": {
           "version": "2.2.0",
           "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz",
@@ -23496,6 +23371,20 @@
             "strip-ansi": "^5.1.0"
           }
         },
+        "vue-i18n-extract": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/vue-i18n-extract/-/vue-i18n-extract-1.0.1.tgz",
+          "integrity": "sha512-H0ql/wBSkLdrDmMPqdX6iuvl1vW66j9RZ3Ujb6jiPCeVpam43sdP1y1bc14K+/81/lnKlC0vTENOkNb0b6vL7g==",
+          "dev": true,
+          "requires": {
+            "cli-table3": "^0.5.1",
+            "dot-object": "^1.7.1",
+            "esm": "^3.2.13",
+            "glob": "^7.1.3",
+            "is-valid-glob": "^1.0.0",
+            "yargs": "^13.2.2"
+          }
+        },
         "wrap-ansi": {
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
@@ -23508,22 +23397,21 @@
           }
         },
         "yargs": {
-          "version": "13.2.4",
-          "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.2.4.tgz",
-          "integrity": "sha512-HG/DWAJa1PAnHT9JAhNa8AbAv3FPaiLzioSjCcmuXXhP8MlpHO5vwls4g4j6n30Z74GVQj8Xa62dWVx1QCGklg==",
+          "version": "13.3.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.0.tgz",
+          "integrity": "sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==",
           "dev": true,
           "requires": {
             "cliui": "^5.0.0",
             "find-up": "^3.0.0",
             "get-caller-file": "^2.0.1",
-            "os-locale": "^3.1.0",
             "require-directory": "^2.1.1",
             "require-main-filename": "^2.0.0",
             "set-blocking": "^2.0.0",
             "string-width": "^3.0.0",
             "which-module": "^2.0.0",
             "y18n": "^4.0.0",
-            "yargs-parser": "^13.1.0"
+            "yargs-parser": "^13.1.1"
           }
         },
         "yargs-parser": {
@@ -23538,6 +23426,72 @@
         }
       }
     },
+    "vue-cli-plugin-storybook": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/vue-cli-plugin-storybook/-/vue-cli-plugin-storybook-0.6.1.tgz",
+      "integrity": "sha512-3SX8jBK9yykPzKzXbWJuhRmcE2vC9sPW8fkqPQLqNQgm0FDs3ctRJyvm7NrOo+EsGH+qlsH0niiSaN0ICuyVWg==",
+      "dev": true,
+      "requires": {
+        "@storybook/addons": "^4.1.0 || ^5.0.0",
+        "@storybook/vue": "^4.1.0 || ^5.0.0",
+        "commander": "^2.19.0"
+      }
+    },
+    "vue-clickaway": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/vue-clickaway/-/vue-clickaway-2.2.2.tgz",
+      "integrity": "sha512-25SpjXKetL06GLYoLoC8pqAV6Cur9cQ//2g35GRFBV4FgoljbZZjTINR8g2NuVXXDMLSUXaKx5dutgO4PaDE7A==",
+      "requires": {
+        "loose-envify": "^1.2.0"
+      }
+    },
+    "vue-eslint-parser": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-2.0.3.tgz",
+      "integrity": "sha512-ZezcU71Owm84xVF6gfurBQUGg8WQ+WZGxgDEQu1IHFBZNx7BFZg3L1yHxrCBNNwbwFtE1GuvfJKMtb6Xuwc/Bw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "debug": "^3.1.0",
+        "eslint-scope": "^3.7.1",
+        "eslint-visitor-keys": "^1.0.0",
+        "espree": "^3.5.2",
+        "esquery": "^1.0.0",
+        "lodash": "^4.17.4"
+      },
+      "dependencies": {
+        "eslint-scope": {
+          "version": "3.7.3",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-3.7.3.tgz",
+          "integrity": "sha512-W+B0SvF4gamyCTmUc+uITPY0989iXVfKvhwtmJocTaYoc/3khEHmEmvfY/Gn9HA9VV75jrQECsHizkNw1b68FA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "esrecurse": "^4.1.0",
+            "estraverse": "^4.1.1"
+          }
+        }
+      }
+    },
+    "vue-focus": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/vue-focus/-/vue-focus-2.1.0.tgz",
+      "integrity": "sha1-egM3zpB01e8D0VpLW4Ys9F5eBOM=",
+      "requires": {
+        "loose-envify": "^1.2.0"
+      }
+    },
+    "vue-hot-reload-api": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.3.tgz",
+      "integrity": "sha512-KmvZVtmM26BQOMK1rwUZsrqxEGeKiYSZGA7SNWE6uExx8UX/cj9hq2MRV/wWC3Cq6AoeDGk57rL9YMFRel/q+g==",
+      "dev": true
+    },
+    "vue-i18n": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.12.0.tgz",
+      "integrity": "sha512-Wh40dvkYZH0CntkhQQEed7nY8P/8xOOHy5Bl9W/WmmmW0oLYIL66XWwOqlcnNbLaL5HGN7XISydYVqXS0Sst9w=="
+    },
     "vue-jest": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/vue-jest/-/vue-jest-3.0.4.tgz",
diff --git a/package.json b/package.json
index c1ec1a763..ef02e6c90 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aepp-base",
-  "version": "0.8.9",
+  "version": "0.8.10",
   "author": "Sascha Hanse <shanse@posteo.de>",
   "private": true,
   "scripts": {
@@ -21,7 +21,7 @@
     "i18n:report": "vue-i18n-extract report --vueFiles './src/**/*.?(js|vue)' --languageFiles './src/locales/**/*.json'"
   },
   "dependencies": {
-    "@aeternity/aepp-sdk": "^4.2.0",
+    "@aeternity/aepp-sdk": "^4.3.0",
     "@aeternity/bip39": "^0.1.0",
     "@aeternity/hd-wallet": "^0.2.0",
     "@aeternity/ledger-app-api": "0.1.0",
diff --git a/public/default.webmanifest b/public/default.webmanifest
index f930fb35a..09f095943 100644
--- a/public/default.webmanifest
+++ b/public/default.webmanifest
@@ -1,6 +1,15 @@
 {
     "name": "Base æpp",
     "short_name": "Base æpp",
+    "prefer_related_applications": true,
+    "related_applications": [{
+        "platform": "play",
+        "url": "https://play.google.com/store/apps/details?id=com.aeternity.base",
+        "id": "com.aeternity.base"
+    }, {
+        "platform": "itunes",
+        "url": "https://apps.apple.com/app/base-æpp-wallet/id1458655724"
+    }],
     "icons": [
         {
             "src": "/favicons/android-chrome-192x192.png",
diff --git a/public/ios.webmanifest b/public/ios.webmanifest
index fe408baaf..7725c897f 100644
--- a/public/ios.webmanifest
+++ b/public/ios.webmanifest
@@ -1,6 +1,15 @@
 {
     "name": "Base æpp",
     "short_name": "Base æpp",
+    "prefer_related_applications": true,
+    "related_applications": [{
+        "platform": "play",
+        "url": "https://play.google.com/store/apps/details?id=com.aeternity.base",
+        "id": "com.aeternity.base"
+    }, {
+        "platform": "itunes",
+        "url": "https://apps.apple.com/app/base-æpp-wallet/id1458655724"
+    }],
     "icons": [
         {
             "src": "/favicons/android-chrome-192x192.png",
diff --git a/src/AppDesktop.vue b/src/AppDesktop.vue
index a8f6be9a3..f37cfd772 100644
--- a/src/AppDesktop.vue
+++ b/src/AppDesktop.vue
@@ -55,6 +55,5 @@ export default {
 
 body {
   background: $color-neutral-positive-2;
-  margin: 0;
 }
 </style>
diff --git a/src/assets/icons/inline/currency.svg b/src/assets/icons/inline/currency.svg
new file mode 100644
index 000000000..ac00a5038
--- /dev/null
+++ b/src/assets/icons/inline/currency.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <path transform="translate(-6 -8.5)" fill="currentColor" stroke="currentColor" stroke-width=".7" d="M19.832 22.306a6.392 6.392 0 0 1-3.097.775c-2.903 0-5.322-1.887-6.193-4.5h6.58c.29 0 .484-.194.484-.484s-.193-.484-.483-.484H10.3a7.912 7.912 0 0 1-.097-1.065c0-.387.049-.725.097-1.064h6.823c.29 0 .483-.194.483-.484s-.193-.484-.483-.484h-6.63c.872-2.613 3.29-4.5 6.194-4.5 1.113 0 2.178.29 3.097.774.242.145.532.049.677-.193.145-.242.049-.532-.193-.678C19.155 9.34 17.945 9 16.688 9c-3.436 0-6.291 2.323-7.21 5.468H7.783c-.29 0-.484.193-.484.484 0 .29.194.483.484.483h1.5a7.912 7.912 0 0 0-.097 1.065c0 .387.048.726.097 1.065h-1.5c-.29 0-.484.193-.484.483s.194.484.484.484h1.693A7.489 7.489 0 0 0 16.687 24c1.258 0 2.468-.29 3.58-.92.243-.145.34-.435.194-.677-.096-.145-.387-.242-.629-.097z"/>
+</svg>
diff --git a/src/components/AeAccount.vue b/src/components/AeAccount.vue
index 37cdab9dd..8634847ee 100644
--- a/src/components/AeAccount.vue
+++ b/src/components/AeAccount.vue
@@ -1,21 +1,22 @@
 <template>
   <AeCard
-    v-copy-on-click="address"
     :fill="fill"
     class="ae-account"
   >
-    <header>
-      <AeIdenticon :address="address" />
-      {{ name }}
-    </header>
+    <div v-copy-on-click="address">
+      <header>
+        <AeIdenticon :address="address" />
+        {{ name }}
+      </header>
 
-    <main>
-      <AeAddress
-        :address="address"
-        mode="three-columns-short"
-        disable-copy-on-click
-      />
-    </main>
+      <main>
+        <AeAddress
+          :address="address"
+          mode="three-columns-short"
+          disable-copy-on-click
+        />
+      </main>
+    </div>
 
     <Balance
       slot="toolbar"
@@ -69,7 +70,8 @@ export default {
 @import './copied.scss';
 
 .ae-account.ae-card {
-  &.v-copied {
+  div.v-copied {
+    overflow: hidden;
     @extend %copied;
   }
 
diff --git a/src/components/AeInputAmountAe.vue b/src/components/AeInputAmountAe.vue
index 5dc3a67a0..dbfc729ea 100644
--- a/src/components/AeInputAmountAe.vue
+++ b/src/components/AeInputAmountAe.vue
@@ -1,14 +1,19 @@
 <template>
   <AeInputAmount
     class="ae-input-amount-ae"
-    :header="$t('transfer.send.amount.amount')"
-    header-right="AE"
+    :header="$t('transfer.amount')"
     :footer="footer || (max ? '' : $t('transfer.send.amount.fee'))"
     :footer-right="footerRight || (footer || max ? '' : minSpendTxFee)"
     :value="value"
     v-bind="$attrs"
     v-on="$listeners"
   >
+    <span
+      slot="header-right"
+      @click="swapCurrencies"
+    >
+      {{ symbol }}
+    </span>
     <AeToolbarButton
       v-if="max"
       slot="footer-right"
@@ -22,6 +27,7 @@
 </template>
 
 <script>
+import { mapState, mapMutations } from 'vuex';
 import AeInputAmount from './AeInputAmount.vue';
 import AeToolbarButton from './AeToolbarButton.vue';
 import { MIN_SPEND_TX_FEE } from '../lib/constants';
@@ -38,5 +44,9 @@ export default {
   data: () => ({
     minSpendTxFee: `${prefixedAmount(MIN_SPEND_TX_FEE)} AE`,
   }),
+  computed: mapState('currencies', {
+    symbol: ({ swapped }, { active: { symbol } }) => (swapped ? symbol : 'AE'),
+  }),
+  methods: mapMutations('currencies', ['swapCurrencies']),
 };
 </script>
diff --git a/src/components/AeInputPassword.vue b/src/components/AeInputPassword.vue
index 2ead7ff7a..1898e47ee 100644
--- a/src/components/AeInputPassword.vue
+++ b/src/components/AeInputPassword.vue
@@ -4,7 +4,7 @@
     :type="showPassword ? 'text' : 'password'"
     :value="value"
     v-bind="$attrs"
-    :header="header || $t('settings.password.set.password')"
+    :header="header"
     v-on="$listeners"
   >
     <slot
@@ -32,7 +32,10 @@ export default {
   components: { AeInput, AeToolbarButton, Eye },
   props: {
     value: { type: String, default: '' },
-    header: { type: String, default: '' },
+    header: {
+      type: String,
+      default() { return this.$t('settings.password.set.password'); },
+    },
     hideRevealButton: Boolean,
   },
   data: () => ({ showPassword: false }),
diff --git a/src/components/AlertModal.vue b/src/components/AlertModal.vue
index 2485eebe6..f8b735614 100644
--- a/src/components/AlertModal.vue
+++ b/src/components/AlertModal.vue
@@ -11,7 +11,7 @@
         {{ $t('cancel') }}
       </AeButton>
       <AeButton @click="resolve">
-        {{ primaryButtonText || $t('ok') }}
+        {{ primaryButtonText }}
       </AeButton>
     </AeButtonGroup>
   </Modal>
@@ -26,7 +26,10 @@ export default {
   components: { Modal, AeButtonGroup, AeButton },
   props: {
     text: { type: String, required: true },
-    primaryButtonText: { type: String, default: '' },
+    primaryButtonText: {
+      type: String,
+      default() { return this.$t('ok'); },
+    },
     resolve: { type: Function, required: true },
     reject: { type: Function, required: true },
     confirm: Boolean,
diff --git a/src/components/Balance.vue b/src/components/Balance.vue
index ee68b0bf2..4fd1f5959 100644
--- a/src/components/Balance.vue
+++ b/src/components/Balance.vue
@@ -2,24 +2,44 @@
   <span
     :class="{ invert }"
     class="balance"
+    @click="swapCurrencies"
   >
-    {{ balance | prefixedAmount }}
+    <span class="left">{{ prices[0] }}</span>
+    <small> ⇄ </small>
+    <span class="right">{{ prices[1] }}</span>
   </span>
 </template>
 
 <script>
+import { mapState, mapMutations } from 'vuex';
 import BigNumber from 'bignumber.js';
-import prefixedAmount from '../filters/prefixedAmount';
 
 export default {
-  filters: { prefixedAmount },
   props: {
     balance: {
       type: BigNumber,
       required: true,
     },
     invert: Boolean,
+    short: Boolean,
   },
+  computed: mapState('currencies', {
+    prices({ swapped }, { active }) {
+      const prices = [this.balanceSwapped, this.balanceNotSwapped];
+      if (swapped) prices.reverse();
+      if (active.isCrypto || this.short) {
+        prices[0] = swapped ? 'AE' : active.symbol;
+      }
+      return prices;
+    },
+  }),
+  subscriptions() {
+    return {
+      balanceSwapped: this.$store.state.observables.convertAmount(() => this.balance, true),
+      balanceNotSwapped: this.$store.state.observables.convertAmount(() => this.balance, false),
+    };
+  },
+  methods: mapMutations('currencies', ['swapCurrencies']),
 };
 </script>
 
@@ -30,15 +50,20 @@ export default {
 .balance {
   @extend %face-mono-base;
   font-weight: normal;
-  color: $color-neutral-negative-1;
+  line-height: normal;
+  color: $color-neutral-negative-3;
+
+  .left {
+    color: $color-neutral-negative-1;
+    font-size: rem(13px);
+  }
 
   &.invert {
     color: #fff;
-  }
 
-  &:after {
-    @extend %face-mono-xs;
-    content: 'AE';
+    .left {
+      color: rgba(255, 255, 255, 0.7);
+    }
   }
 }
 </style>
diff --git a/src/components/ConnectionStatus.vue b/src/components/ConnectionStatus.vue
index 9aa6e0b0e..2ce29689e 100644
--- a/src/components/ConnectionStatus.vue
+++ b/src/components/ConnectionStatus.vue
@@ -17,7 +17,7 @@ export default {
       if (!onLine) return { text: this.$t('network.connection-status.offline') };
       if (!sdk) return { text: this.$t('network.connection-status.no-sdk') };
       if (sdk.then) return { text: this.$t('network.connection-status.connecting'), className: 'connecting' };
-      if (process.env.NODE_ENV === 'production' && sdk.nodeNetworkId !== 'ae_mainnet') {
+      if (process.env.NODE_ENV === 'production' && sdk.getNetworkId() !== 'ae_mainnet') {
         return { text: this.$t('network.connection-status.connected-to-testnet'), className: 'test-net' };
       }
       return null;
diff --git a/src/components/CurrencySwitcher.vue b/src/components/CurrencySwitcher.vue
new file mode 100644
index 000000000..06d265390
--- /dev/null
+++ b/src/components/CurrencySwitcher.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <ListItem
+      v-for="currency in list"
+      :key="currency.code"
+      :title="currency.name"
+    >
+      <AeRadio
+        slot="right"
+        :checked="currency === active"
+        @change="setCurrency(currency)"
+      />
+    </ListItem>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import ListItem from './ListItem.vue';
+import AeRadio from './AeRadio.vue';
+
+export default {
+  components: { ListItem, AeRadio },
+  computed: mapGetters('currencies', ['list', 'active']),
+  methods: {
+    setCurrency(currency) {
+      this.$store.commit('currencies/setActiveCode', currency.code);
+      this.$emit('switch');
+    },
+  },
+};
+</script>
diff --git a/src/components/ListItemAccount.vue b/src/components/ListItemAccount.vue
index 439520bfe..cef608a02 100644
--- a/src/components/ListItemAccount.vue
+++ b/src/components/ListItemAccount.vue
@@ -21,9 +21,9 @@
 <script>
 import BigNumber from 'bignumber.js';
 import { mapState } from 'vuex';
+import { pluck, switchMap } from 'rxjs/operators';
 import ListItem from './ListItem.vue';
 import AeIdenticon from './AeIdenticon.vue';
-import prefixedAmount from '../filters/prefixedAmount';
 import formatAddress from '../filters/formatAddress';
 
 export default {
@@ -39,7 +39,7 @@ export default {
     subtitleContent() {
       switch (this.subtitle) {
         case 'balance':
-          return this.balance ? `${prefixedAmount(this.balance)} AE` : '';
+          return this.convertedBalance;
         case 'address':
           return formatAddress(this.address);
         default:
@@ -50,5 +50,17 @@ export default {
       nameFromStore(state, { getName }) { return getName(this); },
     }),
   },
+  subscriptions() {
+    return {
+      convertedBalance: this
+        .$watchAsObservable(() => this.balance && this.subtitle === 'balance', { immediate: true })
+        .pipe(
+          pluck('newValue'),
+          switchMap(shouldSubscribe => (shouldSubscribe
+            ? this.$store.state.observables.convertAmount(() => this.balance)
+            : Promise.resolve(''))),
+        ),
+    };
+  },
 };
 </script>
diff --git a/src/components/ListItemSettingsLanguage.vue b/src/components/ListItemSettingsLanguage.vue
index 2ede2b090..4dc74be9a 100644
--- a/src/components/ListItemSettingsLanguage.vue
+++ b/src/components/ListItemSettingsLanguage.vue
@@ -1,6 +1,5 @@
 <template>
   <ListItem
-    v-if="$globals.UNFINISHED_FEATURES"
     :subtitle="active.name"
     v-bind="$attrs"
     :title="$t('settings.language')"
diff --git a/src/components/ListItemTransaction.vue b/src/components/ListItemTransaction.vue
index e43b20973..5e463df22 100644
--- a/src/components/ListItemTransaction.vue
+++ b/src/components/ListItemTransaction.vue
@@ -23,7 +23,7 @@
       class="balance-change"
     >
       <template v-if="tx.amount">
-        <span :class="received ? 'plus' : 'minus'" />&nbsp;{{ tx.amount | prefixedAmount }}&nbsp;AE
+        <span :class="received ? 'plus' : 'minus'" />&nbsp;{{ convertedAmount }}
       </template>
       <small>{{ tx.fee | prefixedAmount }}&nbsp;AE</small>
     </div>
@@ -47,6 +47,7 @@ export default {
     peerId: { type: String, default: '' },
     tx: { type: Object, required: true },
     type: { type: String, required: true },
+    convertedAmount: { type: String, default: '' },
   },
   computed: mapState('names', {
     peerName(state, { get }) {
diff --git a/src/components/NotificationSpendSuccess.vue b/src/components/NotificationSpendSuccess.vue
index 3cc542e17..5d8405cdc 100644
--- a/src/components/NotificationSpendSuccess.vue
+++ b/src/components/NotificationSpendSuccess.vue
@@ -5,7 +5,7 @@
   >
     <ListItem
       :title="$t('transfer.send.resolved.title')"
-      :subtitle="$t('transfer.send.resolved.subtitle', { amount: prefixedAmount(amount) })"
+      :subtitle="$t('transfer.send.resolved.subtitle', { amount: convertedAmount })"
     >
       <ListItemCircle slot="icon">
         <Check />
@@ -57,6 +57,9 @@ export default {
     transactionHash: { type: String, required: true },
   },
   methods: { prefixedAmount },
+  subscriptions() {
+    return { convertedAmount: this.$store.state.observables.convertAmount(() => this.amount) };
+  },
 };
 </script>
 
diff --git a/src/components/copied.scss b/src/components/copied.scss
index 12b24409b..821f19d4b 100644
--- a/src/components/copied.scss
+++ b/src/components/copied.scss
@@ -4,7 +4,7 @@
   position: relative;
 
   &:before {
-    content: 'Copied';
+    content: attr(data-copied-text);
     display: flex;
     justify-content: center;
     align-items: center;
diff --git a/src/components/desktop/AeAddressPanel.vue b/src/components/desktop/AeAddressPanel.vue
index 8a4c0b793..4c0b58718 100644
--- a/src/components/desktop/AeAddressPanel.vue
+++ b/src/components/desktop/AeAddressPanel.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="ae-address-panel">
     <div class="title">
-      {{ title || $t('components.address-panel.title-default') }}
+      {{ title }}
     </div>
     <AeAddress
       :address="address"
@@ -18,7 +18,7 @@ export default {
   props: {
     title: {
       type: String,
-      default: '',
+      default() { return this.$t('components.address-panel.title-default'); },
     },
     address: {
       type: String,
diff --git a/src/components/desktop/Header.vue b/src/components/desktop/Header.vue
index 5ecb3b7fc..de36784bf 100644
--- a/src/components/desktop/Header.vue
+++ b/src/components/desktop/Header.vue
@@ -29,11 +29,7 @@
       <div class="details">
         {{ account ? name : $t('header.connect-account') }}
         <div class="balance">
-          {{
-            account
-              ? `${prefixedAmount(account.balance)} AE`
-              : $t('header.connect-account-with')
-          }}
+          {{ account ? convertedBalance : $t('header.connect-account-with') }}
         </div>
       </div>
       <AeIdenticon :address="account ? account.address : ''" />
@@ -43,6 +39,7 @@
 
 <script>
 import { mapState, mapMutations } from 'vuex';
+import { pluck, switchMap } from 'rxjs/operators';
 import { Grid, Receive, Settings } from '../icons';
 import ButtonPlain from '../ButtonPlain.vue';
 import AeIdenticon from '../AeIdenticon.vue';
@@ -51,7 +48,17 @@ import prefixedAmount from '../../filters/prefixedAmount';
 export default {
   components: { AeIdenticon, ButtonPlain },
   subscriptions() {
-    return { account: this.$store.state.observables.activeAccount };
+    return {
+      account: this.$store.state.observables.activeAccount,
+      convertedBalance: this
+        .$watchAsObservable(() => this.account, { immediate: true })
+        .pipe(
+          pluck('newValue'),
+          switchMap(shouldSubscribe => (shouldSubscribe
+            ? this.$store.state.observables.convertAmount(() => this.account.balance)
+            : Promise.resolve(''))),
+        ),
+    };
   },
   computed: {
     ...mapState('accounts', {
diff --git a/src/components/desktop/ModalSpendSuccess.vue b/src/components/desktop/ModalSpendSuccess.vue
index 4ff6984e6..278f15a60 100644
--- a/src/components/desktop/ModalSpendSuccess.vue
+++ b/src/components/desktop/ModalSpendSuccess.vue
@@ -9,7 +9,7 @@
       {{ $t('transfer.send.resolved.note') }}
     </ModalHeader>
     <div class="note">
-      {{ $t('transfer.send.resolved.subtitle', { amount: prefixedAmount(amount) }) }}
+      {{ $t('transfer.send.resolved.subtitle', { amount: convertedAmount }) }}
     </div>
 
     <template slot="footer">
@@ -47,6 +47,9 @@ export default {
     resolve: { type: Function, required: true },
   },
   computed: mapGetters(['currentNetwork']),
+  subscriptions() {
+    return { convertedAmount: this.$store.state.observables.convertAmount(() => this.amount) };
+  },
   methods: { prefixedAmount },
 };
 </script>
diff --git a/src/components/icons.js b/src/components/icons.js
index 3d4b1f3f9..8110106a1 100644
--- a/src/components/icons.js
+++ b/src/components/icons.js
@@ -15,6 +15,7 @@ export { default as Close } from '../assets/icons/inline/close.svg?icon-componen
 export { default as CloseCircle } from '../assets/icons/inline/close-circle.svg?icon-component';
 export { default as Contacts } from '../assets/icons/inline/contacts.svg?icon-component';
 export { default as Copy } from '../assets/icons/inline/copy.svg?icon-component';
+export { default as Currency } from '../assets/icons/inline/currency.svg?icon-component';
 export { default as Delete } from '../assets/icons/inline/delete.svg?icon-component';
 export { default as Device } from '../assets/icons/inline/device.svg?icon-component';
 export { default as Diagram } from '../assets/icons/inline/diagram.svg?icon-component';
diff --git a/src/components/mobile/ConfirmTransactionSignModal.vue b/src/components/mobile/ConfirmTransactionSignModal.vue
index 0b2baf974..9368ab1bd 100644
--- a/src/components/mobile/ConfirmTransactionSignModal.vue
+++ b/src/components/mobile/ConfirmTransactionSignModal.vue
@@ -26,7 +26,7 @@
       />
     </Guide>
 
-    <DetailsAmount
+    <DetailsAmountCurrency
       v-if="transaction.amount"
       :amount="transaction.amount"
     />
@@ -71,7 +71,7 @@ import MobilePage from './Page.vue';
 import Guide from '../Guide.vue';
 import AeFraction from '../AeFraction.vue';
 import AccountInline from '../AccountInline.vue';
-import DetailsAmount from './DetailsAmount.vue';
+import DetailsAmountCurrency from './DetailsAmountCurrency.vue';
 import DetailsFeeInput from './DetailsFeeInput.vue';
 import DetailsRawData from './DetailsRawData.vue';
 import DetailsAddress from './DetailsAddress.vue';
@@ -96,7 +96,7 @@ export default {
     Guide,
     AeFraction,
     AccountInline,
-    DetailsAmount,
+    DetailsAmountCurrency,
     DetailsFeeInput,
     AeButtonGroup,
     AeButton,
diff --git a/src/components/mobile/DetailsAmount.vue b/src/components/mobile/DetailsAmount.vue
index 2f2287899..1ce4592cd 100644
--- a/src/components/mobile/DetailsAmount.vue
+++ b/src/components/mobile/DetailsAmount.vue
@@ -15,7 +15,10 @@ import prefixedAmount from '../../filters/prefixedAmount';
 export default {
   components: { DetailsField },
   props: {
-    name: { type: String, default: 'Amount' },
+    name: {
+      type: String,
+      default() { return this.$t('transfer.amount'); },
+    },
     amount: { type: BigNumber, required: true },
   },
   methods: { prefixedAmount },
diff --git a/src/components/mobile/DetailsAmountAndFee.vue b/src/components/mobile/DetailsAmountAndFee.vue
index 5147f844b..0114f8d3b 100644
--- a/src/components/mobile/DetailsAmountAndFee.vue
+++ b/src/components/mobile/DetailsAmountAndFee.vue
@@ -2,10 +2,10 @@
   <DetailsItem class="details-amount-and-fee">
     <DetailsRow>
       <span class="name">
-        {{ $t('transfer.transaction.details.amount') }}
+        {{ $t('transfer.amount') }}
       </span>
       <span class="value">
-        {{ amount | prefixedAmount }} AE
+        {{ convertedAmount }}
       </span>
     </DetailsRow>
 
@@ -23,7 +23,10 @@
         {{ $t('transfer.transaction.details.total') }}
       </span>
       <span class="value">
-        {{ amount.plus(fee) | prefixedAmount }}<small> AE</small>
+        <Balance
+          :balance="amount.plus(fee)"
+          short
+        />
       </span>
     </DetailsRow>
   </DetailsItem>
@@ -33,15 +36,19 @@
 import BigNumber from 'bignumber.js';
 import DetailsItem from './DetailsItem.vue';
 import DetailsRow from './DetailsRow.vue';
+import Balance from '../Balance.vue';
 import prefixedAmount from '../../filters/prefixedAmount';
 
 export default {
-  components: { DetailsItem, DetailsRow },
+  components: { DetailsItem, DetailsRow, Balance },
   filters: { prefixedAmount },
   props: {
     amount: { type: BigNumber, required: true },
     fee: { type: BigNumber, required: true },
   },
+  subscriptions() {
+    return { convertedAmount: this.$store.state.observables.convertAmount(() => this.amount) };
+  },
 };
 </script>
 
@@ -70,17 +77,6 @@ export default {
     align-items: baseline;
     margin-top: rem(20px);
     color: var(--color-primary, $color-neutral-maximum);
-
-    .value {
-      font-size: rem(23px);
-      line-height: rem(23px);
-      font-weight: normal;
-
-      small {
-        font-size: rem(13px);
-        font-weight: 500;
-      }
-    }
   }
 }
 </style>
diff --git a/src/components/mobile/DetailsAmountCurrency.vue b/src/components/mobile/DetailsAmountCurrency.vue
new file mode 100644
index 000000000..8d466d119
--- /dev/null
+++ b/src/components/mobile/DetailsAmountCurrency.vue
@@ -0,0 +1,40 @@
+<template>
+  <DetailsField
+    class="details-amount-currency"
+    :name="name"
+  >
+    <Balance
+      slot="value"
+      v-bind="$attrs"
+      :balance="amount"
+    />
+  </DetailsField>
+</template>
+
+<script>
+import BigNumber from 'bignumber.js';
+import DetailsField from './DetailsField.vue';
+import Balance from '../Balance.vue';
+
+export default {
+  components: { DetailsField, Balance },
+  props: {
+    name: {
+      type: String,
+      default() { return this.$t('transfer.amount'); },
+    },
+    amount: { type: BigNumber, required: true },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.details-amount-currency .balance {
+  font-weight: inherit;
+
+  &, /deep/ .left {
+    color: inherit;
+    font-size: inherit;
+  }
+}
+</style>
diff --git a/src/components/mobile/DetailsField.vue b/src/components/mobile/DetailsField.vue
index 9fd82c0f2..0d91f97d0 100644
--- a/src/components/mobile/DetailsField.vue
+++ b/src/components/mobile/DetailsField.vue
@@ -9,6 +9,7 @@
         :class="{ monospace: valueMonospace }"
       >
         {{ value }}
+        <slot name="value" />
       </span>
     </DetailsRow>
     <slot />
diff --git a/src/components/mobile/TabBar.vue b/src/components/mobile/TabBar.vue
index 238a6cf25..62b0ad54d 100644
--- a/src/components/mobile/TabBar.vue
+++ b/src/components/mobile/TabBar.vue
@@ -66,7 +66,10 @@ export default {
   methods: {
     accountSwitcher() {
       if (this.showAccountSwitcher) return;
-      this.$store.dispatch('modals/open', { name: 'accountSwitcher' }).catch(() => {});
+      this.$store.dispatch('modals/open', { name: 'accountSwitcher' }).catch((error) => {
+        if (error.message === 'User navigated outside') return;
+        throw error;
+      });
     },
   },
 };
diff --git a/src/directives/copyOnClick.js b/src/directives/copyOnClick.js
index 493ed8715..df7746b79 100644
--- a/src/directives/copyOnClick.js
+++ b/src/directives/copyOnClick.js
@@ -1,4 +1,5 @@
 import copyToClipboard from 'copy-to-clipboard';
+import { i18n } from '../store/plugins/ui/languages';
 
 export default (el, binding) => {
   if (!('copyOnClick' in el.dataset)) {
@@ -8,6 +9,7 @@ export default (el, binding) => {
       if (!value) return;
 
       if (!copyToClipboard(value)) return;
+      el.dataset.copiedText = i18n.t('copied'); // eslint-disable-line no-param-reassign
       el.classList.add('v-copied');
       setTimeout(
         () => el.classList.remove('v-copied'),
diff --git a/src/filters/currencyAmount.js b/src/filters/currencyAmount.js
new file mode 100644
index 000000000..774cc62bf
--- /dev/null
+++ b/src/filters/currencyAmount.js
@@ -0,0 +1,8 @@
+const toFiatFixedValue = v => (v.e < -2 ? '0.01' : v.toFixed(2));
+
+export default (value, { symbol, isCrypto = true }) => {
+  let v;
+  if (typeof value === 'string') v = value;
+  else v = isCrypto ? value.toFixed(8) : toFiatFixedValue(value);
+  return `${!isCrypto ? symbol : ''}${v}${isCrypto ? ` ${symbol}` : ''}`;
+};
diff --git a/src/lib/storeErrorHandler.js b/src/lib/storeErrorHandler.js
index a04434142..f3e3f3821 100644
--- a/src/lib/storeErrorHandler.js
+++ b/src/lib/storeErrorHandler.js
@@ -1,11 +1,13 @@
 import Vue from 'vue';
-import StoreLoadError from '../pages/StoreLoadError.vue';
 
-window.onerror = function errorHandler() {
+window.onerror = async function errorHandler() {
   if (document.getElementById('app').innerHTML) {
     window.onerror = null;
     return;
   }
 
-  new Vue({ render: h => h(StoreLoadError) }).$mount('#app');
+  const StoreLoadError = (await import('../pages/StoreLoadError.vue')).default;
+  new Vue({
+    render: h => h(StoreLoadError),
+  }).$mount('#app');
 };
diff --git a/src/lib/utils.js b/src/lib/utils.js
index c7c6d22ce..26db441c7 100644
--- a/src/lib/utils.js
+++ b/src/lib/utils.js
@@ -1,3 +1,14 @@
+import { get } from 'lodash-es';
+
 export const toUrl = url => new URL((/^\w+:\//.test(url) ? '' : 'http://') + url);
 
 export const isAensName = value => value.endsWith('.test');
+
+// eslint-disable-next-line no-console
+export const handleUnknownError = error => console.warn('Unknown rejection', error);
+
+export const isNotFoundError = error => error.isAxiosError
+  && get(error, 'response.status') === 404;
+
+export const isAccountNotFoundError = error => isNotFoundError(error)
+  && get(error, 'response.data.reason') === 'Account not found';
diff --git a/src/locales/cn.json b/src/locales/cn.json
index dfbf324b4..6327e35ea 100644
--- a/src/locales/cn.json
+++ b/src/locales/cn.json
@@ -6,9 +6,14 @@
   "ok": "OK",
   "deny": "拒绝",
   "allow": "允许",
-  "add-to-home-screen": "请添加这个app到主屏幕.",
+  "copied": "Copied",
   "guide-desktop": "目前Base æpp只能在只在一个浏览器选项卡中打开的情况下运行. 请关闭所有运行的标签.",
 
+  "add-to-home-screen": {
+    "note": "请添加这个app到主屏幕.",
+    "button": "Add"
+  },
+
   "header": {
     "title": "Base web",
     "connect-account": "连接一个账户",
@@ -29,7 +34,7 @@
 
   "update-available": {
     "title": "发现新版本。",
-    "restart": "Restart the Base æpp"
+    "restart": "请重新启动Base æpp."
   },
 
   "store-load-error": {
@@ -50,9 +55,9 @@
     "min": "该字段必须至少为{n}个字符",
     "required": "这是必填栏",
     "address": "无效AE地址",
-    "max_value": "该字段必须为{n}或更少",
-    "min_value": "该字段必须为{n}或更多",
-    "min_value_exclusive": "该字段必须大于{n} ",
+    "max_value": "余额不足",
+    "min_value": "请适当缩小数位",
+    "min_value_exclusive": "必须大于",
     "mnemonic": "无效助记词",
     "url_http": "该字段不是有效的HTTP(S) URL",
     "air_gap_response_url": "这不是有效的同步代码。",
@@ -158,6 +163,8 @@
   "transfer": {
     "title": "Transfer",
     "guide": "<primary>发送和接收</primary> Æ",
+    "amount": "量",
+    "fee": "Fee",
 
     "tooltips": [{
       "selector": ".transfer .ae-account .ae-identicon",
@@ -192,7 +199,6 @@
       "amount": {
         "guide": "<primary>新转账</primary><br />从 <senderAddress /><br />到 <recipientAddress />",
         "balance": "余额",
-        "amount": "量",
         "max": "Max",
         "fee": "最小转账手续费"
       },
@@ -245,10 +251,10 @@
         "date": "日期",
         "status": "状态",
         "owner": "所有者",
-        "hash": "Tx hash",
+        "hash": "Transaction hash",
+        "type": "Transaction type",
         "to-explorer": "浏览器查询",
         "confirmations": "{n} 确认数",
-        "amount": "数量",
         "fee": "转账手续费",
         "total": "总计"
       }
@@ -399,7 +405,7 @@
     },
 
     "new": {
-      "guide": "<primary>申请一个名称</primary> 为 <inlineAccount />",
+      "guide": "为 <inlineAccount /><primary>申请一个新名称</primary> ",
       "unknown-error": "未知错误",
       "name": "名称",
       "name-placeholder": "Name.test",
@@ -642,6 +648,12 @@
       }
     },
 
+    "currency": {
+      "title": "Display Currency",
+      "subtitle": "Choose a currency to display",
+      "use-as-main": "Use as display currency"
+    },
+
     "account-remove": {
       "title": "同步钱包",
       "disconnect": "未连接"
diff --git a/src/locales/en.json b/src/locales/en.json
index 035c69ecb..24a25faee 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -6,9 +6,14 @@
   "ok": "OK",
   "deny": "Deny",
   "allow": "Allow",
-  "add-to-home-screen": "Please add this app to home screen.",
+  "copied": "Copied",
   "guide-desktop": "The Base æpp can currently work only when opened in a single browser tab. If you have any additional instances (tabs) of the Base æpp open, please close them.",
 
+  "add-to-home-screen": {
+    "note": "Please add this app to home screen.",
+    "button": "Add"
+  },
+
   "header": {
     "title": "Base web",
     "connect-account": "Connect an account",
@@ -28,8 +33,8 @@
   },
 
   "update-available": {
-    "title": "A new version is available.",
-    "restart": "Restart the Base æpp"
+    "title": "A new version is available. Tap below to update.",
+    "restart": "Update"
   },
 
   "store-load-error": {
@@ -158,6 +163,8 @@
   "transfer": {
     "title": "Transfer",
     "guide": "<primary>Send and receive</primary> Æ",
+    "amount": "Amount",
+    "fee": "Fee",
 
     "tooltips": [{
       "selector": ".transfer .ae-account .ae-identicon",
@@ -192,7 +199,6 @@
       "amount": {
         "guide": "<primary>New Transfer</primary><br />from <senderAddress /><br />to <recipientAddress />",
         "balance": "Balance",
-        "amount": "Amount",
         "max": "Max",
         "fee": "Minimum transaction fee"
       },
@@ -200,7 +206,7 @@
       "resolved": {
         "title": "Transfer completed",
         "note": "Transaction broadcast successfully!",
-        "subtitle": "You've sent {amount} AE",
+        "subtitle": "You've sent {amount}",
         "to-history": "View in history",
         "to-explorer": "View on explorer",
         "copy": "Copy tx hash"
@@ -246,9 +252,9 @@
         "status": "Status",
         "owner": "Owner",
         "hash": "Transaction hash",
+        "type": "Transaction type",
         "to-explorer": "View in explorer",
         "confirmations": "0 Confirmations | {n} Confirmation | {n} Confirmations",
-        "amount": "Amount",
         "fee": "Transaction fee",
         "total": "Total"
       }
@@ -642,6 +648,12 @@
       }
     },
 
+    "currency": {
+      "title": "Display Currency",
+      "subtitle": "Choose a currency to display",
+      "use-as-main": "Use as display currency"
+    },
+
     "account-remove": {
       "title": "Synced Wallets",
       "disconnect": "Disconnect"
diff --git a/src/locales/ru.json b/src/locales/ru.json
index 463a7f35b..59a1a7e60 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -6,8 +6,12 @@
   "ok": "ОК",
   "deny": "Запретить",
   "allow": "Разрешить",
-  "add-to-home-screen": "Пожалуйста, добавьте это приложение на домашний экран.",
-  "guide-desktop": "Base æpp в настоящее время может работать только если открыт в одной вкладке браузера. Если у вас есть какие-либо дополнительные экземпляры (вкладки) Base æpp, откройте их.",
+  "copied": "Скопировано",
+  "guide-desktop": "Base æpp в настоящее время может работать только если открыт в одной вкладке браузера. Если у вас есть какие-либо дополнительные экземпляры (вкладки) Base æpp, закройте их.",
+  "add-to-home-screen": {
+    "note": "Пожалуйста, добавьте это приложение на домашний экран.",
+    "button": "Добавить"
+  },
   "header": {
     "title": "Base web",
     "connect-account": "Подключите аккаунт",
@@ -24,8 +28,8 @@
     "to-home": "Домой"
   },
   "update-available": {
-    "title": "Доступна новая версия.",
-    "restart": "Перезапустить Base æpp"
+    "title": "Доступна новая версия. Нажмите ниже чтобы применить обновление.",
+    "restart": "Обновить"
   },
   "store-load-error": {
     "note": "Base æpp не удалось загрузить свое состояние.",
@@ -54,7 +58,7 @@
     "account": "Неверный AE адрес или AENS имя"
   },
   "intro": {
-    "guide": "<primary>Base æpp</primary><br />æternity blockchain<br />мощь в ваших руках.",
+    "guide": "<primary>Base æpp</primary><br />мощь блокчейна æternity<br />в ваших руках.",
     "login": "Войти",
     "recover": "Восстановить аккаунт",
     "create-account": "Создать новый аккаунт",
@@ -137,6 +141,8 @@
   "transfer": {
     "title": "Переводы",
     "guide": "<primary>Отправить и получить</primary> Æ",
+    "amount": "Сумма",
+    "fee": "Комиссия",
     "tooltips": [
       {
         "selector": ".transfer .ae-account .ae-identicon",
@@ -171,14 +177,13 @@
       "amount": {
         "guide": "<primary>Новый перевод</primary><br />из <senderAddress />< br />на <recipientAddress />",
         "balance": "Баланс",
-        "amount": "Сумма",
         "max": "Макс.",
         "fee": "Минимальная комиссия за транзакцию"
       },
       "resolved": {
         "title": "Перевод завершен",
         "note": "Транзакция опубликована успешно!",
-        "subtitle": "Вы отправили {amount} AE",
+        "subtitle": "Вы отправили {amount}",
         "to-history": "Посмотреть в истории",
         "to-explorer": "Посмотреть в проводнике",
         "copy": "Скопировать хэш транзакции"
@@ -220,9 +225,9 @@
         "status": "Статус",
         "owner": "Владелец",
         "hash": "Хэш транзакции",
+        "type": "Тип транзакции",
         "to-explorer": "Просмотреть в проводнике",
         "confirmations": "0 Подтверждений | {n} Подтверждение | {n} Подтверждений",
-        "amount": "Сумма",
         "fee": "Комиссия",
         "total": "Итого"
       }
@@ -556,6 +561,11 @@
         "continue": "Продолжить"
       }
     },
+    "currency": {
+      "title": "Отображаемая валюта",
+      "subtitle": "Выберите валюту для отображения",
+      "use-as-main": "Использовать как валюту для отображения"
+    },
     "account-remove": {
       "title": "Подключённые кошельки",
       "disconnect": "Отключить"
diff --git a/src/pages/FullscreenPrompt.vue b/src/pages/FullscreenPrompt.vue
new file mode 100644
index 000000000..c3d1f81c8
--- /dev/null
+++ b/src/pages/FullscreenPrompt.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="fullscreen-prompt">
+    <div>
+      <p>{{ message }}</p>
+
+      <AeButton
+        v-if="buttonText"
+        fill="secondary"
+        @click="$emit('button-click')"
+      >
+        {{ buttonText }}
+      </AeButton>
+    </div>
+  </div>
+</template>
+
+<script>
+import AeButton from '../components/AeButton.vue';
+
+export default {
+  components: { AeButton },
+  props: {
+    message: { type: String, required: true },
+    buttonText: { type: String, default: '' },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import '../styles/variables/colors.scss';
+@import '../styles/placeholders/typography.scss';
+
+.fullscreen-prompt {
+  flex-grow: 1;
+  display: flex;
+  background-color: $color-primary;
+
+  div {
+    max-width: rem(250px);
+    margin: auto;
+    text-align: center;
+
+    p {
+      @extend %face-sans-l;
+      color: $color-neutral-maximum;
+    }
+
+    .ae-button {
+      min-width: 0;
+      width: 100%;
+      margin-left: 0;
+      margin-right: 0;
+    }
+  }
+}
+</style>
diff --git a/src/pages/StoreLoadError.vue b/src/pages/StoreLoadError.vue
index c1215b518..22f4bc287 100644
--- a/src/pages/StoreLoadError.vue
+++ b/src/pages/StoreLoadError.vue
@@ -1,45 +1,35 @@
 <template>
-  <div class="store-load-error">
-    <div>
-      <p>{{ $t('store-load-error.note') }}</p>
-
-      <AeButton
-        fill="secondary"
-        @click="resetState"
-      >
-        {{ $t('store-load-error.reset') }}
-      </AeButton>
-    </div>
-  </div>
+  <FullscreenPrompt
+    :message="$t('store-load-error.note')"
+    :button-text="$t('store-load-error.reset')"
+    @button-click="resetState"
+  />
 </template>
 
 <script>
-import AeButton from '../components/AeButton.vue';
+import FullscreenPrompt from './FullscreenPrompt.vue';
 import { resetState } from '../store/plugins/persistState';
+import { i18n, fetchAndSetLocale, preferredLocale } from '../store/plugins/ui/languages';
 
 export default {
-  components: { AeButton },
+  components: { FullscreenPrompt },
+  async mounted() {
+    await fetchAndSetLocale(preferredLocale);
+  },
   methods: { resetState },
+  i18n,
 };
 </script>
 
-<style lang="scss" scoped>
-@import '../styles/variables/colors.scss';
-@import '../styles/placeholders/typography.scss';
+<style type="scss">
+@import '~normalize.css';
 
-.store-load-error {
+html, body {
+  height: 1px;
   min-height: 100%;
-  display: flex;
-  background-color: $color-primary;
-
-  div {
-    margin: auto;
-    text-align: center;
+}
 
-    p {
-      @extend %face-sans-l;
-      color: $color-neutral-maximum;
-    }
-  }
+body {
+  display: flex;
 }
 </style>
diff --git a/src/pages/desktop/Send.vue b/src/pages/desktop/Send.vue
index 759645cc0..9ef79859d 100644
--- a/src/pages/desktop/Send.vue
+++ b/src/pages/desktop/Send.vue
@@ -48,6 +48,7 @@
 <script>
 import BigNumber from 'bignumber.js';
 import { pick } from 'lodash-es';
+import { mapState } from 'vuex';
 import Guide from '../../components/Guide.vue';
 import AccountInline from '../../components/AccountInline.vue';
 import Note from '../../components/Note.vue';
@@ -72,22 +73,25 @@ export default {
     MIN_SPEND_TX_FEE,
     busy: false,
   }),
+  computed: mapState('currencies', ['swapped']),
   subscriptions() {
-    return pick(this.$store.state.observables, ['activeAccount']);
+    return pick(this.$store.state.observables, ['activeAccount', 'rate']);
   },
   methods: {
     async send() {
       if (!await this.$validator.validateAll()) return;
 
       const amount = BigNumber(this.amount);
+      const convertedAmount = this.swapped
+        ? amount.dividedBy(this.rate).precision(18, BigNumber.ROUND_FLOOR) : amount;
       this.busy = true;
       try {
         const { hash } = await this.$store.state.sdk.spend(
-          amount.shiftedBy(MAGNITUDE),
+          convertedAmount.shiftedBy(MAGNITUDE),
           this.accountTo,
         );
 
-        await this.$store.dispatch('modals/open', { name: 'spendSuccess', transactionHash: hash, amount });
+        await this.$store.dispatch('modals/open', { name: 'spendSuccess', transactionHash: hash, amount: convertedAmount });
         this.accountTo = '';
         this.amount = '';
         this.$validator.reset();
diff --git a/src/pages/desktop/Settings.vue b/src/pages/desktop/Settings.vue
index 2238ac9e8..a8b0b750d 100644
--- a/src/pages/desktop/Settings.vue
+++ b/src/pages/desktop/Settings.vue
@@ -26,6 +26,22 @@
         </div>
       </ListItem>
 
+      <ListItem
+        :title="$t('settings.currency.title')"
+        :subtitle="$t('settings.currency.subtitle')"
+        class="currency"
+      >
+        <ListItemCircle slot="icon">
+          <Currency />
+        </ListItemCircle>
+        <ButtonPlain
+          slot="right"
+          @click="showCurrencySwitcher = true"
+        >
+          <LeftMore ref="currencyIcon" />
+        </ButtonPlain>
+      </ListItem>
+
       <ListItemSettingsLanguage>
         <ButtonPlain @click="showLanguageSwitcher = true">
           <LeftMore ref="languageIcon" />
@@ -50,6 +66,14 @@
       />
     </AePopover>
 
+    <AePopover
+      :anchor="showCurrencySwitcher ? $refs.currencyIcon : null"
+      v-bind="popoverOrigin"
+      @close="showCurrencySwitcher = false"
+    >
+      <CurrencySwitcher @switch="showCurrencySwitcher = false" />
+    </AePopover>
+
     <AePopover
       :anchor="showLanguageSwitcher ? $refs.languageIcon : null"
       v-bind="popoverOrigin"
@@ -70,10 +94,11 @@ import ListItem from '../../components/ListItem.vue';
 import ListItemCircle from '../../components/ListItemCircle.vue';
 import ListItemSettingsReset from '../../components/ListItemSettingsReset.vue';
 import ListItemSettingsLanguage from '../../components/ListItemSettingsLanguage.vue';
-import { Network, LeftMore } from '../../components/icons';
+import { Network, LeftMore, Currency } from '../../components/icons';
 import ButtonPlain from '../../components/ButtonPlain.vue';
 import NetworkSwitcher from '../../components/NetworkSwitcher.vue';
 import NetworkAdd from '../../components/NetworkAdd.vue';
+import CurrencySwitcher from '../../components/CurrencySwitcher.vue';
 import LanguageSwitcher from '../../components/LanguageSwitcher.vue';
 import SettingsVersion from '../../components/SettingsVersion.vue';
 
@@ -89,8 +114,10 @@ export default {
     Network,
     ButtonPlain,
     LeftMore,
+    Currency,
     NetworkSwitcher,
     NetworkAdd,
+    CurrencySwitcher,
     LanguageSwitcher,
     SettingsVersion,
   },
@@ -101,11 +128,12 @@ export default {
     },
     networkMode: false,
     showLanguageSwitcher: false,
+    showCurrencySwitcher: false,
   }),
   computed: {
     ...mapGetters(['currentNetwork']),
     ...mapState({
-      networkId: state => state.sdk && state.sdk.nodeNetworkId,
+      networkId: state => state.sdk && state.sdk.getNetworkId && state.sdk.getNetworkId(),
     }),
   },
   methods: {
@@ -129,6 +157,10 @@ export default {
         background-color: $color-secondary;
       }
 
+      &.currency .list-item-circle {
+        background-color: #f8963d;
+      }
+
       .value {
         @extend %face-sans-xs;
         color: $color-neutral-negative-1;
diff --git a/src/pages/mobile/AddToHomeScreenPrompt.vue b/src/pages/mobile/AddToHomeScreenPrompt.vue
index a90e58996..61a81ea00 100644
--- a/src/pages/mobile/AddToHomeScreenPrompt.vue
+++ b/src/pages/mobile/AddToHomeScreenPrompt.vue
@@ -1,26 +1,24 @@
 <template>
-  <div class="add-to-home-screen-prompt">
-    <p>
-      {{ $t('add-to-home-screen') }}
-    </p>
-  </div>
+  <FullscreenPrompt
+    :message="$t('add-to-home-screen.note')"
+    :button-text="deferredPrompt ? $t('add-to-home-screen.button') : ''"
+    @button-click="() => deferredPrompt.prompt()"
+  />
 </template>
 
-<style lang="scss" scoped>
-@import '../../styles/variables/colors.scss';
-@import '../../styles/placeholders/typography.scss';
+<script>
+import FullscreenPrompt from '../FullscreenPrompt.vue';
 
-.add-to-home-screen-prompt {
-  flex-grow: 1;
-  display: flex;
-  background-color: $color-primary;
-
-  p {
-    text-align: center;
-    margin: auto;
-    max-width: rem(250px);
-    @extend %face-sans-l;
-    color: $color-neutral-maximum;
-  }
-}
-</style>
+export default {
+  components: { FullscreenPrompt },
+  data: () => ({
+    deferredPrompt: null,
+  }),
+  mounted() {
+    window.addEventListener('beforeinstallprompt', (event) => {
+      event.preventDefault();
+      this.deferredPrompt = event;
+    });
+  },
+};
+</script>
diff --git a/src/pages/mobile/NameNew.vue b/src/pages/mobile/NameNew.vue
index ca2f823b7..18a87ee5c 100644
--- a/src/pages/mobile/NameNew.vue
+++ b/src/pages/mobile/NameNew.vue
@@ -48,6 +48,7 @@
 
 <script>
 import { mapGetters } from 'vuex';
+import { handleUnknownError } from '../../lib/utils';
 import { i18n } from '../../store/plugins/ui/languages';
 import MobilePage from '../../components/mobile/Page.vue';
 import Guide from '../../components/Guide.vue';
@@ -85,7 +86,7 @@ export default {
       } catch (e) {
         if (e.message === 'Rejected by user') return;
         this.error = true;
-        throw e;
+        handleUnknownError(e);
       } finally {
         this.busy = false;
       }
@@ -107,7 +108,7 @@ export default {
           name: 'notification',
           text: i18n.t('name.new.notification.unknown-error', { name: this.name }),
         });
-        throw e;
+        handleUnknownError(e);
       } finally {
         this.$store.dispatch('names/fetchOwned');
       }
diff --git a/src/pages/mobile/Onboarding.vue b/src/pages/mobile/Onboarding.vue
index 5ffe8db9e..a42ba3281 100644
--- a/src/pages/mobile/Onboarding.vue
+++ b/src/pages/mobile/Onboarding.vue
@@ -69,6 +69,7 @@ export default {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
+  background: $color-neutral-positive-2;
 
   footer {
     display: flex;
diff --git a/src/pages/mobile/SendAmount.vue b/src/pages/mobile/SendAmount.vue
index d483c7b63..89bab326c 100644
--- a/src/pages/mobile/SendAmount.vue
+++ b/src/pages/mobile/SendAmount.vue
@@ -34,7 +34,7 @@
           v-model="amount"
           v-validate="{
             required: true,
-            decimal: MAGNITUDE,
+            decimal: swapped ? 2 : MAGNITUDE,
             min_value_exclusive: 0,
             max_value: max,
           }"
@@ -52,7 +52,7 @@
       :amount="minFee"
     />
 
-    <DetailsAmount
+    <DetailsAmountCurrency
       :name="$t('transfer.send.amount.balance')"
       :amount="activeAccount.balance"
     />
@@ -69,7 +69,7 @@
 
 <script>
 import { pick } from 'lodash-es';
-import { mapGetters } from 'vuex';
+import { mapGetters, mapState } from 'vuex';
 import BigNumber from 'bignumber.js';
 import { TxBuilder } from '@aeternity/aepp-sdk/es';
 import MobilePage from '../../components/mobile/Page.vue';
@@ -78,9 +78,13 @@ import AeFraction from '../../components/AeFraction.vue';
 import AccountInline from '../../components/AccountInline.vue';
 import AeInputAmountAe from '../../components/AeInputAmountAe.vue';
 import DetailsAmount from '../../components/mobile/DetailsAmount.vue';
+import DetailsAmountCurrency from '../../components/mobile/DetailsAmountCurrency.vue';
 import AeButton from '../../components/AeButton.vue';
 import { MAGNITUDE } from '../../lib/constants';
 
+const toCurrency = (value, rate) => value.multipliedBy(rate).precision(17, BigNumber.ROUND_FLOOR);
+const toAe = (value, rate) => value.dividedBy(rate).precision(17, BigNumber.ROUND_FLOOR).toFixed();
+
 export default {
   components: {
     MobilePage,
@@ -89,6 +93,7 @@ export default {
     AccountInline,
     AeInputAmountAe,
     DetailsAmount,
+    DetailsAmountCurrency,
     AeButton,
   },
   props: {
@@ -105,9 +110,11 @@ export default {
   }),
   computed: {
     ...mapGetters('accounts', ['activeColor']),
+    ...mapState('currencies', ['swapped']),
     max() {
       const max = this.activeAccount.balance.minus(this.minFee);
-      return (max.isPositive() ? max : 0).toString();
+      const convertedMax = this.swapped ? toCurrency(max, this.rate) : max;
+      return (convertedMax.isPositive() ? convertedMax : 0).toString();
     },
     amount: {
       get() {
@@ -123,7 +130,7 @@ export default {
     },
   },
   subscriptions() {
-    return pick(this.$store.state.observables, ['activeAccount']);
+    return pick(this.$store.state.observables, ['activeAccount', 'rate']);
   },
   mounted() {
     this.$watch(
@@ -151,7 +158,11 @@ export default {
   methods: {
     async setAmount() {
       if (!await this.$validator.validateAll()) return;
-      this.$router.push({ name: 'send-confirm', params: { to: this.to, amount: this.amount } });
+      const convertedAmount = this.swapped ? toAe(BigNumber(this.amount), this.rate) : this.amount;
+      this.$router.push({
+        name: 'send-confirm',
+        params: { to: this.to, amount: convertedAmount.toString() },
+      });
     },
   },
 };
diff --git a/src/pages/mobile/Settings.vue b/src/pages/mobile/Settings.vue
index f60ca0e56..b931ac30b 100644
--- a/src/pages/mobile/Settings.vue
+++ b/src/pages/mobile/Settings.vue
@@ -18,6 +18,17 @@
         </ListItemCircle>
         <LeftMore slot="right" />
       </ListItem>
+      <ListItem
+        :to="{ name: 'settings-currency' }"
+        :title="$t('settings.currency.title')"
+        :subtitle="$t('settings.currency.subtitle')"
+        class="currency"
+      >
+        <ListItemCircle slot="icon">
+          <Currency />
+        </ListItemCircle>
+        <LeftMore slot="right" />
+      </ListItem>
       <ListItem
         :to="{ name: 'settings-remote-connection' }"
         :title="$t('remote-connection.settings.title')"
@@ -128,7 +139,7 @@ import ListItemSettingsLanguage from '../../components/ListItemSettingsLanguage.
 import MnemonicBackupWarning from '../../components/mobile/MnemonicBackupWarning.vue';
 import SettingsVersion from '../../components/SettingsVersion.vue';
 import {
-  Network, LeftMore, Device, Grid, Key, Share, LockOpen, Shield,
+  Network, Currency, LeftMore, Device, Grid, Key, Share, LockOpen, Shield,
 } from '../../components/icons';
 
 export default {
@@ -144,6 +155,7 @@ export default {
     MnemonicBackupWarning,
     SettingsVersion,
     Network,
+    Currency,
     LeftMore,
     Device,
     Grid,
@@ -185,8 +197,10 @@ export default {
       }
     }
 
-    &.app-list .list-item-circle {
-      background-color: #f8963d;
+    &.app-list, &.currency {
+      .list-item-circle {
+        background-color: #f8963d;
+      }
     }
 
     &.courses .list-item-circle {
diff --git a/src/pages/mobile/SettingsCurrency.vue b/src/pages/mobile/SettingsCurrency.vue
new file mode 100644
index 000000000..935c49e7f
--- /dev/null
+++ b/src/pages/mobile/SettingsCurrency.vue
@@ -0,0 +1,56 @@
+<template>
+  <MobilePage
+    class="settings-currency"
+    :left-button-to="{ name: 'settings' }"
+    left-button-icon-name="back"
+    :title="$t('settings.currency.title')"
+    header-fill="light"
+    fill="neutral"
+  >
+    <AeCard fill="maximum">
+      <CurrencySwitcher />
+    </AeCard>
+    <AeCard
+      class="use-as-main"
+      fill="maximum"
+    >
+      <ListItem :title="$t('settings.currency.use-as-main')">
+        <AeRadio
+          slot="right"
+          checkbox
+          :checked="swapped"
+          @change="swapCurrencies"
+        />
+      </ListItem>
+    </AeCard>
+  </MobilePage>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex';
+import MobilePage from '../../components/mobile/Page.vue';
+import AeCard from '../../components/AeCard.vue';
+import CurrencySwitcher from '../../components/CurrencySwitcher.vue';
+import ListItem from '../../components/ListItem.vue';
+import AeRadio from '../../components/AeRadio.vue';
+
+export default {
+  components: {
+    MobilePage,
+    AeCard,
+    CurrencySwitcher,
+    ListItem,
+    AeRadio,
+  },
+  computed: mapState('currencies', ['swapped']),
+  methods: mapMutations('currencies', ['swapCurrencies']),
+};
+</script>
+
+<style lang="scss" scoped>
+@import '../../styles/globals/functions.scss';
+
+.settings-currency .use-as-main {
+  margin-top: rem(20px);
+}
+</style>
diff --git a/src/pages/mobile/TransactionDetails.vue b/src/pages/mobile/TransactionDetails.vue
index 9bd0ec4c3..b4b89c729 100644
--- a/src/pages/mobile/TransactionDetails.vue
+++ b/src/pages/mobile/TransactionDetails.vue
@@ -5,7 +5,7 @@
     class="transaction-details"
     :title="$t('transfer.transaction.details.title')"
     left-button-icon-name="back"
-    @left-button-click="$router.push({ name: 'transaction-list' })"
+    :left-button-to="{ name: 'transaction-list' }"
   >
     <template slot="header">
       <Guide fill="neutral">
@@ -13,7 +13,7 @@
           {{ transaction.received
             ? $t('transfer.transaction.details.received')
             : $t('transfer.transaction.details.sent') }}
-          <em class="balance">{{ transaction.tx.amount | prefixedAmount }} AE</em>
+          <em class="balance">{{ transaction.convertedAmount }}</em>
         </template>
         <template v-if="transaction.tx.senderId">
           <br>{{ $t('transfer.transaction.details.from').toLowerCase() }}
@@ -39,10 +39,11 @@
       :value="status"
     />
 
-    <DetailsAmount
+    <DetailsAmountCurrency
       v-if="transaction.received || !transaction.tx.amount"
       :amount="transaction.tx.amount || transaction.tx.fee"
-      :name="transaction.tx.amount ? 'Amount' : 'Fee'"
+      :name="transaction.tx.amount ? $t('transfer.amount') : $t('transfer.fee')"
+      short
     />
     <DetailsAmountAndFee
       v-else
@@ -74,7 +75,7 @@
     />
 
     <DetailsField
-      name="Transaction type"
+      :name="$t('transfer.transaction.details.type')"
       :value="transaction.type"
     />
 
@@ -97,7 +98,7 @@ import Guide from '../../components/Guide.vue';
 import AccountInline from '../../components/AccountInline.vue';
 import DetailsField from '../../components/mobile/DetailsField.vue';
 import DetailsAmountAndFee from '../../components/mobile/DetailsAmountAndFee.vue';
-import DetailsAmount from '../../components/mobile/DetailsAmount.vue';
+import DetailsAmountCurrency from '../../components/mobile/DetailsAmountCurrency.vue';
 import DetailsAddress from '../../components/mobile/DetailsAddress.vue';
 import AeButton from '../../components/AeButton.vue';
 
@@ -108,7 +109,7 @@ export default {
     AccountInline,
     DetailsField,
     DetailsAmountAndFee,
-    DetailsAmount,
+    DetailsAmountCurrency,
     DetailsAddress,
     AeButton,
   },
diff --git a/src/pages/mobile/TransactionList.vue b/src/pages/mobile/TransactionList.vue
index 1c5283d92..6a3c22c4b 100644
--- a/src/pages/mobile/TransactionList.vue
+++ b/src/pages/mobile/TransactionList.vue
@@ -3,7 +3,7 @@
     header-fill="primary"
     class="transaction-list"
     right-button-icon-name="close"
-    @right-button-click="$router.push({ name: 'transfer' })"
+    :right-button-to="{ name: 'transfer' }"
   >
     <div
       slot="title"
@@ -13,6 +13,7 @@
       <Balance
         :balance="activeAccount.balance"
         invert
+        short
       />
     </div>
 
diff --git a/src/router/routes/mobile.js b/src/router/routes/mobile.js
index caf5b85c8..9830851e1 100644
--- a/src/router/routes/mobile.js
+++ b/src/router/routes/mobile.js
@@ -27,6 +27,7 @@ import NameNew from '../../pages/mobile/NameNew.vue';
 import Settings from '../../pages/mobile/Settings.vue';
 import SettingsNetwork from '../../pages/mobile/SettingsNetwork.vue';
 import SettingsNetworkNew from '../../pages/mobile/SettingsNetworkNew.vue';
+import SettingsCurrency from '../../pages/mobile/SettingsCurrency.vue';
 import SettingsRemoteConnection from '../../pages/mobile/SettingsRemoteConnection.vue';
 import SettingsRemoteConnectionNew from '../../pages/mobile/SettingsRemoteConnectionNew.vue';
 import SettingsAppList from '../../pages/mobile/SettingsAppList.vue';
@@ -222,6 +223,11 @@ export default [{
   path: '/settings/network/new',
   component: SettingsNetworkNew,
   beforeEnter: ensureLoggedIn,
+}, {
+  name: 'settings-currency',
+  path: '/settings/currency',
+  component: SettingsCurrency,
+  beforeEnter: ensureLoggedIn,
 }, {
   name: 'settings-remote-connection',
   path: '/settings/remote-connection',
diff --git a/src/store/index.js b/src/store/index.js
index 6647c5ee7..a9d9d036a 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -27,7 +27,7 @@ const store = new Vuex.Store({
       state => state,
       ({
         migrations, sdkUrl, customNetworks,
-        apps, cachedAppManifests, peerId, languages, intros,
+        apps, cachedAppManifests, peerId, languages, currencies, intros,
         accounts: { list, activeIdx, hdWallet: { encryptedWallet, mnemonicBackedUp } = {} } = {},
         mobile: { readSecurityCourses, followers } = {},
         desktop: { showGuideOnStartup } = {},
@@ -35,6 +35,7 @@ const store = new Vuex.Store({
         migrations,
         peerId,
         languages,
+        currencies,
         intros,
         sdkUrl,
         customNetworks,
diff --git a/src/store/modules/accounts/airGap.js b/src/store/modules/accounts/airGap.js
index 60a614a66..751779fb7 100644
--- a/src/store/modules/accounts/airGap.js
+++ b/src/store/modules/accounts/airGap.js
@@ -15,7 +15,7 @@ export default {
 
   account: {
     type: 'air-gap',
-    typeVerbose: i18n.t('air-gap.account-name'),
+    getTypeVerbose: () => i18n.t('air-gap.account-name'),
     color: 'alternative',
   },
 
@@ -74,7 +74,7 @@ export default {
 
     async signTransaction({ rootState: { sdk }, rootGetters, dispatch }, transaction) {
       const requestUrl = generateSignRequestUrl(
-        sdk.nodeNetworkId,
+        sdk.getNetworkId(),
         transaction,
         rootGetters['accounts/active'].source.publicKey,
       );
diff --git a/src/store/modules/accounts/hdWallet.js b/src/store/modules/accounts/hdWallet.js
index 36d9ab5ac..7fa77cacd 100644
--- a/src/store/modules/accounts/hdWallet.js
+++ b/src/store/modules/accounts/hdWallet.js
@@ -19,7 +19,7 @@ export default {
 
   account: {
     type: 'hd-wallet',
-    typeVerbose: i18n.t('hd-wallet.account-name'),
+    getTypeVerbose: () => i18n.t('hd-wallet.account-name'),
     color: 'primary',
   },
 
@@ -268,7 +268,7 @@ export default {
       );
       const signature = await dispatch(
         'signWithoutConfirmation',
-        Buffer.concat([Buffer.from(sdk.nodeNetworkId), encodedTx]),
+        Buffer.concat([Buffer.from(sdk.getNetworkId()), encodedTx]),
       );
       return TxBuilder.buildTx({ encodedTx, signatures: [signature] }, TX_TYPE.signed).tx;
     },
diff --git a/src/store/modules/accounts/index.js b/src/store/modules/accounts/index.js
index 0b251e152..dabf0edbd 100644
--- a/src/store/modules/accounts/index.js
+++ b/src/store/modules/accounts/index.js
@@ -28,7 +28,7 @@ export default {
     getColor: (state, { getModule }) => account => getModule(account).account.color,
     getName: (state, { getModule, getByType }, rootState, rootGetters) => account => (
       rootGetters['names/get'](account.address, false) || [
-        getModule(account).account.typeVerbose,
+        getModule(account).account.getTypeVerbose(),
         ' #',
         getByType(account.source.type).findIndex(({ address }) => address === account.address) + 1,
       ].join('')),
diff --git a/src/store/modules/accounts/ledger.js b/src/store/modules/accounts/ledger.js
index 22b0a3774..ef894f01c 100644
--- a/src/store/modules/accounts/ledger.js
+++ b/src/store/modules/accounts/ledger.js
@@ -20,7 +20,7 @@ export default {
 
   account: {
     type: 'ledger',
-    typeVerbose: i18n.t('ledger.account-name'),
+    getTypeVerbose: () => i18n.t('ledger.account-name'),
     color: 'dark',
   },
 
@@ -109,7 +109,7 @@ export default {
         args: [
           rootGetters['accounts/active'].source.idx,
           binaryTx,
-          sdk.nodeNetworkId,
+          sdk.getNetworkId(),
         ],
       }), 'hex');
       return Crypto.encodeTx(Crypto.prepareTx(signature, binaryTx));
diff --git a/src/store/modules/intros.js b/src/store/modules/intros.js
index 7718a118e..d881094bf 100644
--- a/src/store/modules/intros.js
+++ b/src/store/modules/intros.js
@@ -26,8 +26,13 @@ export default {
       state: { read }, getters: { intros }, commit, dispatch,
     }, key) {
       if (read[key]) return;
-      await dispatch('modals/open', { name: 'showIntro', content: intros[key] }, { root: true });
-      commit('markAsRead', key);
+      try {
+        await dispatch('modals/open', { name: 'showIntro', content: intros[key] }, { root: true });
+        commit('markAsRead', key);
+      } catch (error) {
+        if (error.message === 'User navigated outside') return;
+        throw error;
+      }
     },
   },
 };
diff --git a/src/store/plugins/initSdk.js b/src/store/plugins/initSdk.js
index 7196a7daf..8ff3991c5 100644
--- a/src/store/plugins/initSdk.js
+++ b/src/store/plugins/initSdk.js
@@ -1,49 +1,63 @@
 import { get, isEqual } from 'lodash-es';
+import { handleUnknownError, isNotFoundError } from '../../lib/utils';
 
 export default (store) => {
-  const createSdk = async (url) => {
-    const [Ae, ChainNode, Transaction, Contract, Aens, Rpc] = (await Promise.all([
+  let recreateSdk;
+
+  const createSdk = async (network) => {
+    const [Ae, ChainNode, Transaction, Contract, Aens, Rpc, Swagger] = (await Promise.all([
       import(/* webpackChunkName: "sdk" */ '@aeternity/aepp-sdk/es/ae'),
       import(/* webpackChunkName: "sdk" */ '@aeternity/aepp-sdk/es/chain/node'),
       import(/* webpackChunkName: "sdk" */ '@aeternity/aepp-sdk/es/tx/tx'),
       import(/* webpackChunkName: "sdk" */ '@aeternity/aepp-sdk/es/ae/contract'),
       import(/* webpackChunkName: "sdk" */ '@aeternity/aepp-sdk/es/ae/aens'),
       import(/* webpackChunkName: "sdk" */ '@aeternity/aepp-sdk/es/rpc/server'),
+      import(/* webpackChunkName: "sdk" */ '@aeternity/aepp-sdk/es/utils/swagger'),
     ])).map(module => module.default);
 
+    async function confirmAccountAccess({ app }) {
+      const accessToAccounts = get(app, 'permissions.accessToAccounts', []);
+      if (accessToAccounts.includes(store.getters['accounts/active'].address)) return;
+      const promise = store.dispatch(
+        'modals/open',
+        { name: 'confirmAccountAccess', appHost: app.host },
+      );
+      const unsubscribe = store.watch(
+        (state, getters) => getters['accounts/active'].address,
+        address => accessToAccounts.includes(address) && promise.cancel(),
+      );
+
+      try {
+        await Promise.race([
+          promise,
+          new Promise((resolve, reject) => promise.finally(() => {
+            if (!promise.isCancelled()) return;
+            if (accessToAccounts.includes(store.getters['accounts/active'].address)) {
+              resolve();
+            } else reject(new Error('Unexpected state'));
+          })),
+        ]);
+      } finally {
+        unsubscribe();
+      }
+
+      const { address: accountAddress } = store.getters['accounts/active'];
+      if (!accessToAccounts.includes(accountAddress)) {
+        store.commit('toggleAccessToAccount', { appHost: app.host, accountAddress });
+      }
+    }
+    const confirmAccountAccessPromises = {};
+
     const methods = {
       async address(options) {
         if (options) {
-          const { app } = options;
-          const accessToAccounts = get(app, 'permissions.accessToAccounts', []);
-          if (!accessToAccounts.includes(store.getters['accounts/active'].address)) {
-            const promise = store.dispatch(
-              'modals/open',
-              { name: 'confirmAccountAccess', appHost: app.host },
-            );
-            const unsubscribe = store.watch(
-              (state, getters) => getters['accounts/active'].address,
-              address => accessToAccounts.includes(address) && promise.cancel(),
-            );
-
-            try {
-              await Promise.race([
-                promise,
-                new Promise((resolve, reject) => promise.finally(() => {
-                  if (!promise.isCancelled()) return;
-                  if (accessToAccounts.includes(store.getters['accounts/active'].address)) {
-                    resolve();
-                  } else reject(new Error('Unexpected state'));
-                })),
-              ]);
-            } finally {
-              unsubscribe();
-            }
-
-            const { address: accountAddress } = store.getters['accounts/active'];
-            if (!accessToAccounts.includes(accountAddress)) {
-              store.commit('toggleAccessToAccount', { appHost: app.host, accountAddress });
-            }
+          const { app: { host } } = options;
+          confirmAccountAccessPromises[host] = confirmAccountAccessPromises[host]
+            || confirmAccountAccess(options);
+          try {
+            await confirmAccountAccessPromises[host];
+          } finally {
+            delete confirmAccountAccessPromises[host];
           }
         }
         return store.getters['accounts/active'].address;
@@ -52,31 +66,68 @@ export default (store) => {
       signTransaction: txBase64 => store.dispatch('accounts/signTransaction', txBase64),
     };
 
-    return Ae.compose(
-      ChainNode, Transaction, Contract, Aens, Rpc, {
-        init(options, { stamp }) {
-          const rpcMethods = [
-            ...stamp.compose.deepConfiguration.Ae.methods,
-            ...stamp.compose.deepConfiguration.Contract.methods,
-          ];
-          this.rpcMethods = {
-            ...rpcMethods
-              .map(m => [m, ({ params, origin }) => {
-                const { host } = new URL(origin);
-                const app = store.getters.getApp(host) || { host };
-                return Promise.resolve(this[m](...params, { app }));
-              }])
-              .reduce((p, [k, v]) => ({ ...p, [k]: v }), {}),
-            ...this.rpcMethods,
-          };
+    let sdkActive = false;
+    const errorHandler = (error) => {
+      if (sdkActive && !isNotFoundError(error)) {
+        recreateSdk();
+        sdkActive = false;
+      }
+      throw error;
+    };
+    const [sdk, middleware] = await Promise.all([
+      Ae.compose(
+        ChainNode, Transaction, Contract, Aens, Rpc, {
+          init(options, { stamp }) {
+            const rpcMethods = [
+              ...stamp.compose.deepConfiguration.Ae.methods,
+              ...stamp.compose.deepConfiguration.Contract.methods,
+            ];
+            this.rpcMethods = {
+              ...rpcMethods
+                .map(m => [m, ({ params, origin }) => {
+                  const { host } = new URL(origin);
+                  const app = store.getters.getApp(host) || { host };
+                  return Promise.resolve(this[m](...params, { app }));
+                }])
+                .reduce((p, [k, v]) => ({ ...p, [k]: v }), {}),
+              ...this.rpcMethods,
+            };
+          },
+          methods,
         },
-        methods,
-      },
-    )({
-      url,
-      internalUrl: url,
-      compilerUrl: 'https://compiler.aepps.com',
+      )({
+        url: network.url,
+        internalUrl: network.url,
+        compilerUrl: 'https://compiler.aepps.com',
+        axiosConfig: { errorHandler },
+      }),
+      (async () => {
+        const swag = await (await fetch(`${network.middlewareUrl}/middleware/api`)).json();
+        return Swagger.compose({
+          methods: {
+            urlFor: path => network.middlewareUrl + path,
+            axiosError: () => errorHandler,
+          },
+        })({ swag });
+      })(),
+    ]);
+    sdkActive = true;
+    sdk.middleware = middleware.api;
+    return sdk;
+  };
+
+  recreateSdk = async () => {
+    const { currentNetwork } = store.getters;
+    if (store.state.sdk && !store.state.sdk.then) store.state.sdk.destroyInstance();
+    const sdkPromise = createSdk(currentNetwork);
+    const sdkThenable = { then: sdkPromise.then.bind(sdkPromise) };
+    store.commit('setSdk', sdkThenable);
+    const sdk = await sdkThenable.then(s => s, (error) => {
+      handleUnknownError(error);
+      return null;
     });
+    if (sdkThenable === store.state.sdk) store.commit('setSdk', sdk);
+    else if (sdk) sdk.destroyInstance();
   };
 
   let lastNetwork;
@@ -86,13 +137,7 @@ export default (store) => {
     async (currentNetwork) => {
       if (isEqual(currentNetwork, lastNetwork)) return;
       lastNetwork = currentNetwork;
-      if (store.state.sdk && !store.state.sdk.then) store.state.sdk.destroyInstance();
-      const sdkPromise = createSdk(currentNetwork.url);
-      const sdkThenable = { then: sdkPromise.then.bind(sdkPromise) };
-      store.commit('setSdk', sdkThenable);
-      const sdk = await sdkThenable.then(s => s, () => null);
-      if (sdkThenable === store.state.sdk) store.commit('setSdk', sdk);
-      else if (sdk) sdk.destroyInstance();
+      await recreateSdk();
     },
     { immediate: true },
   );
diff --git a/src/store/plugins/ui/currencies.js b/src/store/plugins/ui/currencies.js
new file mode 100644
index 000000000..ec79178b3
--- /dev/null
+++ b/src/store/plugins/ui/currencies.js
@@ -0,0 +1,46 @@
+/* eslint no-param-reassign: ["error", { "ignorePropertyModificationsFor": ["state"] }] */
+
+const currencies = {
+  usd: {
+    name: 'US Dollar',
+    symbol: '$',
+    isCrypto: false,
+  },
+  eur: {
+    name: 'Euro',
+    symbol: '€',
+    isCrypto: false,
+  },
+  btc: {
+    name: 'Bitcoin',
+    symbol: 'BTC',
+    isCrypto: true,
+  },
+};
+
+export default async (store) => {
+  const preferredCurrencyCode = 'eur';
+
+  store.registerModule('currencies', {
+    namespaced: true,
+    state: Object.assign({
+      activeCode: preferredCurrencyCode,
+      swapped: false,
+    }, store.state.currencies),
+    getters: {
+      list: () => Object.entries(currencies)
+        .map(([code, { name, symbol, isCrypto }]) => ({
+          code, name, symbol, isCrypto,
+        })),
+      active: ({ activeCode }, { list }) => list.find(({ code }) => code === activeCode),
+    },
+    mutations: {
+      setActiveCode(state, currencyCode) {
+        state.activeCode = currencyCode;
+      },
+      swapCurrencies(state) {
+        state.swapped = !state.swapped;
+      },
+    },
+  });
+};
diff --git a/src/store/plugins/ui/index.js b/src/store/plugins/ui/index.js
index 6c34ab7d1..b3ed87f3c 100644
--- a/src/store/plugins/ui/index.js
+++ b/src/store/plugins/ui/index.js
@@ -2,6 +2,7 @@ import browserPathTracker from './browserPathTracker';
 import connectionStatusTracker from './connectionStatusTracker';
 import desktopGuide from './desktopGuide';
 import languages from './languages';
+import currencies from './currencies';
 import ledgerConnection from './ledgerConnection';
 import modals from './modals';
 import names from './names';
@@ -13,6 +14,7 @@ import veeValidate from './veeValidate';
 export default store => [
   connectionStatusTracker,
   languages,
+  currencies,
   modals,
   names,
   observables,
diff --git a/src/store/plugins/ui/languages.js b/src/store/plugins/ui/languages.js
index 37e884773..e7702fcca 100644
--- a/src/store/plugins/ui/languages.js
+++ b/src/store/plugins/ui/languages.js
@@ -6,8 +6,11 @@ import en from '../../../locales/en.json';
 
 Vue.use(VueI18n);
 
+const fallbackLocale = 'en';
+
 export const i18n = new VueI18n({
-  fallbackLocale: 'en',
+  fallbackLocale,
+  locale: fallbackLocale,
   messages: { en },
 });
 
@@ -26,6 +29,19 @@ const languages = {
   },
 };
 
+export const fetchAndSetLocale = async (languageCode) => {
+  if (!i18n.availableLocales.includes(languageCode)) {
+    const messages = (await languages[languageCode].getMessages()).default;
+    i18n.setLocaleMessage(languageCode, messages);
+  }
+  i18n.locale = languageCode;
+};
+
+export const preferredLocale = (() => {
+  const code = navigator.language.split('-')[0];
+  return languages[code] ? code : fallbackLocale;
+})();
+
 if (module.hot) {
   module.hot.accept(
     ['../../../locales/en.json', '../../../locales/ru.json', '../../../locales/cn.json'],
@@ -37,14 +53,10 @@ if (module.hot) {
 }
 
 export default async (store) => {
-  const preferredLanguageCode = process.env.UNFINISHED_FEATURES
-    ? navigator.language.split('-')[0] : 'en';
-
   store.registerModule('languages', {
     namespaced: true,
     state: {
-      activeCode: (store.state.languages && store.state.languages.activeCode)
-        || (languages[preferredLanguageCode] ? preferredLanguageCode : 'en'),
+      activeCode: store.state.languages ? store.state.languages.activeCode : preferredLocale,
     },
     getters: {
       list: () => Object.entries(languages)
@@ -55,18 +67,11 @@ export default async (store) => {
     mutations: {
       setActiveCode(state, languageCode) {
         state.activeCode = languageCode;
-        i18n.locale = languageCode;
       },
     },
     actions: {
-      async fetch(context, languageCode) {
-        if (!i18n.availableLocales.includes(languageCode)) {
-          const messages = (await languages[languageCode].getMessages()).default;
-          i18n.setLocaleMessage(languageCode, messages);
-        }
-      },
-      async setActiveCode({ commit, dispatch }, languageCode) {
-        await dispatch('fetch', languageCode);
+      async setActiveCode({ commit }, languageCode) {
+        await fetchAndSetLocale(languageCode);
         commit('setActiveCode', languageCode);
       },
     },
@@ -85,6 +90,5 @@ export default async (store) => {
     };
   }
 
-  await store.dispatch('languages/fetch', store.state.languages.activeCode);
-  i18n.locale = store.state.languages.activeCode;
+  await fetchAndSetLocale(store.state.languages.activeCode);
 };
diff --git a/src/store/plugins/ui/names.js b/src/store/plugins/ui/names.js
index 473bb51cc..1fa7a648c 100644
--- a/src/store/plugins/ui/names.js
+++ b/src/store/plugins/ui/names.js
@@ -1,6 +1,6 @@
 /* eslint no-param-reassign: ["error", { "ignorePropertyModificationsFor": ["state"] }] */
 import Vue from 'vue';
-import { fetchMiddlewareEndpoint } from '../../utils';
+import { handleUnknownError, isAccountNotFoundError } from '../../../lib/utils';
 
 export default (store) => {
   store.registerModule('names', {
@@ -34,40 +34,36 @@ export default (store) => {
       },
     },
     actions: {
-      async fetch({ state, rootGetters, commit }, address) {
+      async fetch({ rootState, state, commit }, address) {
         if (state.names[address]) return;
         commit('set', { address });
-        const url = new URL(
-          `/middleware/names/reverse/${address}`,
-          rootGetters.currentNetwork.middlewareUrl,
-        );
-        url.searchParams.set('limit', '1');
-        url.searchParams.set('page', '1');
-        const names = await fetchMiddlewareEndpoint(url);
+        if (rootState.sdk.then) await rootState.sdk;
+        const names = await rootState.sdk.middleware
+          .namesReverseGet(address, { limit: 1, page: 1 });
         if (names.length) commit('set', { address, name: names[0].name });
       },
-      async fetchOwned({ rootState, rootGetters, commit }) {
+      async fetchOwned({ rootState, commit }) {
+        if (rootState.sdk.then) await rootState.sdk;
         commit(
           'setOwned',
           (await Promise.all(rootState.accounts.list.map(async ({ address }) => {
             const names = (await Promise.all([
-              (async () => {
-                if (rootState.sdk.then) await rootState.sdk;
-                return (await rootState.sdk.api.getPendingAccountTransactionsByPubkey(address)
-                  .catch(() => ({ transactions: [] })))
-                  .transactions
-                  .filter(({ tx: { type } }) => type === 'NameClaimTx')
-                  .map(({ tx, ...otherTx }) => ({
-                    ...otherTx,
-                    ...tx,
-                    pending: true,
-                    owner: tx.accountId,
-                  }));
-              })(),
-              fetchMiddlewareEndpoint(new URL(
-                `/middleware/names/reverse/${address}`,
-                rootGetters.currentNetwork.middlewareUrl,
-              )),
+              (async () => (await rootState.sdk.api.getPendingAccountTransactionsByPubkey(address)
+                .catch((error) => {
+                  if (!isAccountNotFoundError(error)) {
+                    handleUnknownError(error);
+                  }
+                  return { transactions: [] };
+                }))
+                .transactions
+                .filter(({ tx: { type } }) => type === 'NameClaimTx')
+                .map(({ tx, ...otherTx }) => ({
+                  ...otherTx,
+                  ...tx,
+                  pending: true,
+                  owner: tx.accountId,
+                })))(),
+              rootState.sdk.middleware.namesReverseGet(address),
             ])).flat();
 
             commit('set', {
diff --git a/src/store/plugins/ui/observables.js b/src/store/plugins/ui/observables.js
index fad2ae975..921acc1b4 100644
--- a/src/store/plugins/ui/observables.js
+++ b/src/store/plugins/ui/observables.js
@@ -8,7 +8,10 @@ import { refCountDelay } from 'rxjs-etc/operators';
 import { memoize, upperFirst, lowerCase } from 'lodash-es';
 import BigNumber from 'bignumber.js';
 import { MAGNITUDE } from '../../../lib/constants';
-import { fetchMiddlewareEndpoint } from '../../utils';
+import { handleUnknownError, isAccountNotFoundError } from '../../../lib/utils';
+import { fetchJson } from '../../utils';
+import currencyAmount from '../../../filters/currencyAmount';
+import prefixedAmount from '../../../filters/prefixedAmount';
 
 export default (store) => {
   // eslint-disable-next-line no-underscore-dangle
@@ -27,7 +30,12 @@ export default (store) => {
     .pipe(
       switchMap(sdk => timer(0, 3000).pipe(map(() => sdk))),
       switchMap(sdk => (sdk
-        ? sdk.api.getAccountByPubkey(address).catch(() => defaultAccountInfo)
+        ? sdk.api.getAccountByPubkey(address).catch((error) => {
+          if (!isAccountNotFoundError(error)) {
+            handleUnknownError(error);
+          }
+          return defaultAccountInfo;
+        })
         : Promise.resolve(defaultAccountInfo))),
       map(aci => ({ ...aci, balance: BigNumber(aci.balance).shiftedBy(-MAGNITUDE) })),
       multicast(new BehaviorSubject(defaultAccountInfo)),
@@ -87,6 +95,43 @@ export default (store) => {
   )
     .pipe(pluck('newValue'));
 
+  const referenceCurrency = 'aeternity';
+
+  const rate$ = watchAsObservable(
+    ({ currencies: { activeCode } }) => activeCode,
+    { immediate: true },
+  )
+    .pipe(
+      pluck('newValue'),
+      switchMap(p => timer(0, 60000).pipe(map(() => p))),
+      switchMap(async (activeCode) => {
+        const url = new URL('https://api.coingecko.com/api/v3/simple/price');
+        url.searchParams.set('ids', referenceCurrency);
+        url.searchParams.set('vs_currencies', activeCode);
+        return (await fetchJson(url))[referenceCurrency][activeCode];
+      }),
+      multicast(new BehaviorSubject(0)),
+      refCountDelay(1000),
+    );
+
+  const convertAmount = (amountAeGetter, overrideSwapped) => watchAsObservable(
+    ({ currencies }, getters) => ({
+      amount: amountAeGetter(),
+      swapped: overrideSwapped !== undefined ? overrideSwapped : currencies.swapped,
+      active: getters['currencies/active'],
+    }),
+    { immediate: true },
+  )
+    .pipe(
+      pluck('newValue'),
+      switchMap(args => (args.swapped
+        ? rate$.pipe(map(rate => ({ ...args, amount: args.amount.multipliedBy(rate) })))
+        : Promise.resolve(args))),
+      map(({ swapped, amount, active }) => currencyAmount(
+        ...swapped ? [amount, active] : [prefixedAmount(amount), { symbol: 'AE' }],
+      )),
+    );
+
   let transactions = {};
   let transactionRangeForAddress = {};
 
@@ -97,6 +142,11 @@ export default (store) => {
 
   const registerTx = (tx) => { transactions[tx.hash] = tx; };
 
+  const addConvertedAmount = tx => (tx.tx.amount
+    ? convertAmount(() => tx.tx.amount)
+      .pipe(map(convertedAmount => ({ ...tx, convertedAmount })))
+    : Promise.resolve(tx));
+
   const getTransaction = transactionHash$ => combineLatest([
     activeAccountAddress$, topBlockHeight$, transactionHash$, sdk$,
   ])
@@ -112,17 +162,14 @@ export default (store) => {
           confirmationCount: height - tx.blockHeight,
         });
       }),
+      switchMap(addConvertedAmount),
     );
 
   const fetchMdwTransactions = async (address, limit, page) => {
-    const mdwUrl = new URL(
-      `/middleware/transactions/account/${address}`,
-      store.getters.currentNetwork.middlewareUrl,
-    );
-    mdwUrl.searchParams.set('limit', limit.toString());
-    mdwUrl.searchParams.set('page', page.toString());
+    if (store.state.sdk.then) await store.state.sdk;
     const txs = await Promise.all(
-      (await fetchMiddlewareEndpoint(mdwUrl)).map(normalizeTransaction),
+      (await store.state.sdk.middleware.transactionsListAccountGet(address, { limit, page }))
+        .map(normalizeTransaction),
     );
     txs.forEach(registerTx);
     return txs;
@@ -132,7 +179,15 @@ export default (store) => {
     if (store.state.sdk.then) await store.state.sdk;
     const txs = await Promise.all((
       await store.state.sdk.api.getPendingAccountTransactionsByPubkey(address)
-        .then(r => r.transactions, () => [])
+        .then(
+          r => r.transactions,
+          (error) => {
+            if (!isAccountNotFoundError(error)) {
+              handleUnknownError(error);
+            }
+            return [];
+          },
+        )
     )
       .map(transaction => ({ ...transaction, pending: true }))
       .map(normalizeTransaction));
@@ -251,11 +306,23 @@ export default (store) => {
             subscriber.error(error);
           }
         })),
+        switchMap(({ list, ...other }) => (list.length
+          ? combineLatest(list.map(addConvertedAmount)).pipe(map(txs => ({ list: txs, ...other })))
+          : Promise.resolve({ list: [], ...other }))),
         startWith({
-          list: getTransactionsByAddress(store.getters['accounts/active'].address),
+          list: getTransactionsByAddress(store.getters['accounts/active'].address)
+            .map(tx => ({
+              ...tx,
+              ...tx.tx.amount && {
+                convertedAmount: currencyAmount(prefixedAmount(tx.tx.amount), { symbol: 'AE' }),
+              },
+            })),
           status: '',
         }),
-        catchError(() => of({ list: [], status: 'error' })),
+        catchError((error) => {
+          handleUnknownError(error);
+          return of({ list: [], status: 'error' });
+        }),
       );
   };
 
@@ -283,5 +350,7 @@ export default (store) => {
     totalBalance: accounts$.pipe(
       map(acs => acs.reduce((prev, { balance }) => prev.plus(balance), BigNumber(0))),
     ),
+    rate: rate$,
+    convertAmount,
   };
 };
diff --git a/src/store/utils.js b/src/store/utils.js
index 949389fd3..040e99b1c 100644
--- a/src/store/utils.js
+++ b/src/store/utils.js
@@ -1,6 +1,3 @@
-import {
-  isPlainObject, mapKeys, mapValues, camelCase,
-} from 'lodash-es';
 import { derivePathFromKey, getKeyPair } from '@aeternity/hd-wallet/src/hd-key';
 import { Crypto } from '@aeternity/aepp-sdk/es';
 
@@ -34,17 +31,6 @@ export const fetchJson = async (...args) => {
   return response.json();
 };
 
-export const mapKeysDeep = (object, callback) => {
-  if (Array.isArray(object)) return object.map(item => mapKeysDeep(item, callback));
-  if (!isPlainObject(object)) return object;
-  return mapValues(mapKeys(object, callback), item => mapKeysDeep(item, callback));
-};
-
-export const fetchMiddlewareEndpoint = async url => mapKeysDeep(
-  await fetchJson(url),
-  (value, key) => camelCase(key),
-);
-
 export { generateHDWallet as generateHdWallet } from '@aeternity/hd-wallet/src';
 
 export const getHdWalletAccount = (wallet, accountIdx) => {