diff --git a/package-lock.json b/package-lock.json
index d8c2bffe6..3212f19d0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2857,6 +2857,17 @@
             "unique-filename": "^1.1.1"
           }
         },
+        "chalk": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
+          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
         "cliui": {
           "version": "6.0.0",
           "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
@@ -2908,6 +2919,18 @@
             "supports-color": "^7.0.0"
           }
         },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
         "ms": {
           "version": "2.1.2",
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -2974,6 +2997,18 @@
             "webpack-sources": "^1.4.3"
           }
         },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.1.2",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.1.2.tgz",
+          "integrity": "sha512-8QTxh+Fd+HB6fiL52iEVLKqE9N1JSlMXLR92Ijm6g8PZrwIxckgpqjPDWRP5TWxdiPaHR+alUWsnu1ShQOwt+Q==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
+          }
+        },
         "wrap-ansi": {
           "version": "6.2.0",
           "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
@@ -18969,11 +19004,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "typeface-roboto": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/typeface-roboto/-/typeface-roboto-1.1.13.tgz",
-      "integrity": "sha512-YXvbd3a1QTREoD+FJoEkl0VQNJoEjewR2H11IjVv4bp6ahuIcw0yyw/3udC4vJkHw3T3cUh85FTg8eWef3pSaw=="
-    },
     "typescript": {
       "version": "3.9.7",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.7.tgz",
@@ -19515,87 +19545,6 @@
         }
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.1.2",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.1.2.tgz",
-      "integrity": "sha512-8QTxh+Fd+HB6fiL52iEVLKqE9N1JSlMXLR92Ijm6g8PZrwIxckgpqjPDWRP5TWxdiPaHR+alUWsnu1ShQOwt+Q==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "vue-meta": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/vue-meta/-/vue-meta-2.4.0.tgz",
diff --git a/src/components/AlertModal.vue b/src/components/AlertModal.vue
index 60eea4c98..9524e737a 100644
--- a/src/components/AlertModal.vue
+++ b/src/components/AlertModal.vue
@@ -16,12 +16,11 @@
         >
           {{ row }}
         </p>
-        <button
-          class="button"
+        <Button
           @click="resolve"
         >
           {{ primaryButtonText }}
-        </button>
+        </Button>
       </div>
     </div>
   </div>
@@ -30,8 +29,12 @@
 <script>
 import SuccessIcon from '../assets/verifiedUrl.svg';
 import FailureIcon from '../assets/iconError.svg';
+import Button from './Button.vue';
 
 export default {
+  components: {
+    Button,
+  },
   props: {
     title: { type: String, required: true },
     body: { type: [String, Array], required: true },
@@ -91,18 +94,6 @@ export default {
       font-size: 1rem;
       font-weight: 500;
     }
-
-    .button {
-      background-color: $secondary_color;
-      border: none;
-      border-radius: 0.25rem;
-      color: $standard_font_color;
-      font-size: 0.75rem;
-      font-weight: 700;
-      justify-self: center;
-      line-height: 1.125;
-      padding: 0.65rem 1rem;
-    }
   }
 }
 </style>
diff --git a/src/components/Button.vue b/src/components/Button.vue
new file mode 100644
index 000000000..b19b687a8
--- /dev/null
+++ b/src/components/Button.vue
@@ -0,0 +1,27 @@
+<template>
+  <button
+    class="button"
+    v-bind="$attrs"
+    v-on="$listeners"
+  >
+    <slot />
+  </button>
+</template>
+
+<style lang="scss" scoped>
+.button {
+  background-color: $secondary_color;
+  border: none;
+  border-radius: 0.25rem;
+  color: $standard_font_color;
+  font-size: 0.75rem;
+  font-weight: 700;
+  justify-self: center;
+  line-height: 1.125;
+  padding: 0.65rem 1.3rem;
+
+  &[disabled] {
+    cursor: not-allowed;
+  }
+}
+</style>
diff --git a/src/components/ErrorModal.vue b/src/components/ErrorModal.vue
index 5b83e2dca..8804993e1 100644
--- a/src/components/ErrorModal.vue
+++ b/src/components/ErrorModal.vue
@@ -33,18 +33,17 @@
           class="report-text"
           :placeholder="$t('reportBug.Placeholder')"
         />
-        <button
-          class="button cancel"
+        <Button
+          class="cancel"
           @click="resolve"
         >
           {{ $t('reportBug.Cancel') }}
-        </button>
-        <button
-          class="button"
+        </Button>
+        <Button
           @click="send"
         >
           {{ $t('reportBug.Send') }}
-        </button>
+        </Button>
       </template>
       <template v-else>
         <IconOK />
@@ -57,12 +56,11 @@
         <p class="successDescription">
           {{ $t('reportBug.Success.Description') }}
         </p>
-        <button
-          class="button"
+        <Button
           @click="resolve"
         >
           {{ $t('reportBug.Success.Return') }}
-        </button>
+        </Button>
       </template>
     </div>
   </div>
@@ -76,6 +74,7 @@ import IconEye from '../assets/iconEye.svg?icon-component';
 import IconOK from '../assets/iconOK.svg?icon-component';
 import ButtonPlain from './ButtonPlain.vue';
 import { issueReport } from '../utils/backend';
+import Button from './Button.vue';
 
 export default {
   components: {
@@ -84,6 +83,7 @@ export default {
     IconEye,
     IconOK,
     ButtonPlain,
+    Button,
   },
   props: {
     resolve: { type: Function, required: true },
@@ -120,26 +120,28 @@ export default {
 
 <style lang="scss" scoped>
 .error-modal {
-  vertical-align: middle;
   padding-top: 5rem;
   position: fixed;
+  justify-content: center;
+  align-items: center;
   z-index: 9998;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  display: table;
+  display: flex;
   background-color: rgba(0, 0, 0, 0.5);
 
   .modal-body {
     text-align: center;
     margin: 0 auto;
-    padding: 2.5rem 1.6em 3.5rem 1.6em;
+    padding: 2.5rem 1.6em 2.5rem 1.6em;
     background: #131313;
     border-radius: 0.25rem;
     border: 1px solid $card_border_color;
     box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
-    width: 448px;
+    height: auto;
+    max-width: 448px;
 
     @include smallest {
       width: 100%;
@@ -257,7 +259,8 @@ export default {
     margin-bottom: 40px;
   }
 
-  .APIError, .iconOK {
+  .APIError,
+  .iconOK {
     height: 48px;
   }
 }
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 6808f3c65..6df08410d 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -19,7 +19,7 @@ $thumbnail_background_color: #0f0f0f;
 $thumbnail_background_color_alt: #272727;
 $preview_description_font_color: #90909c;
 $buttons_background: #141414;
-$card_border_color: #2f2f2f;
+$card_border_color: #131313;
 $card_hover_color: #191919;
 
 $super_dark: #0f0f0f;
diff --git a/src/utils/backend.js b/src/utils/backend.js
index b52b27b37..eb3f06024 100644
--- a/src/utils/backend.js
+++ b/src/utils/backend.js
@@ -116,7 +116,11 @@ export default class Backend {
     if (ordering) queryParams.set('ordering', ordering);
     if (direction) queryParams.set('direction', direction);
     if (search) queryParams.set('search', search);
-    return backendFetch(`tokenCache/wordRegistry?${queryParams.toString()}`);
+    return backendFetch(`tokenCache/wordRegistry?${queryParams.toString()}`)
+      .catch((err) => {
+        console.log(`tokenCache/wordRegistry response with: ${err}`);
+        return [];
+      });
   }
 
   static getWordSaleVotesDetails = async (address) => backendFetch(`tokenCache/wordSaleVotesDetails/${address}`);
diff --git a/src/utils/index.js b/src/utils/index.js
index 6b4a0bec4..0d1b600f8 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -95,6 +95,7 @@ export const wrapTry = async (promise) => {
   // eslint-disable-next-line no-useless-catch
   try {
     return promise.then((res) => {
+      if (!res) throw new Error('Responce object is undefined');
       if (!res.ok) throw new Error(`Request failed with status ${res.status}`);
       return res.json();
     });