diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index b10585c67..13e84778d 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -291,18 +291,17 @@
       "integrity": "sha512-LNtzUrrjqLTlZyhuAEV0sdEV0yi52Ih/p+ozCr/ivhTSSemcPbniTBbJlFZO4NJ2BuS2iEXkXwZs3mm8Fvx5Sg=="
     },
     "@angular/cdk": {
-      "version": "8.2.3",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-8.2.3.tgz",
-      "integrity": "sha512-ZwO5Sn720RA2YvBqud0JAHkZXjmjxM0yNzCO8RVtRE9i8Gl26Wk0j0nQeJkVm4zwv2QO8MwbKUKGTMt8evsokA==",
+      "version": "9.1.2",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.1.2.tgz",
+      "integrity": "sha512-x5niyE0iYrbVtLYjJFw2MoS+OoSbJn6y/G2pNScviDwyjBBgqRh4YgUox2kMhdPumkvuh+eA6blZoE9qpvSo2w==",
       "requires": {
-        "parse5": "^5.0.0",
-        "tslib": "^1.7.1"
+        "parse5": "^5.0.0"
       },
       "dependencies": {
         "parse5": {
-          "version": "5.1.0",
-          "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz",
-          "integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==",
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz",
+          "integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==",
           "optional": true
         }
       }
@@ -1800,14 +1799,14 @@
       "dev": true
     },
     "@nebular/eva-icons": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/@nebular/eva-icons/-/eva-icons-4.6.0.tgz",
-      "integrity": "sha512-bTTMWIIygu+D5SLtejbhyCCS/7UvXug5KMnbItEx5qZkPGCggjn6aS6FVBGQ2EVsNg3s4kVGhb1KDFAkLQkPWQ=="
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@nebular/eva-icons/-/eva-icons-5.0.0.tgz",
+      "integrity": "sha512-1kCsQlfEJiNAfd3VxmhZUdk86FHSiNTkKtIvpyA72KKbyiBb4YTqOj3QDsTY9GLScyCxTJZcYF5Dp7KG2DSTUg=="
     },
     "@nebular/theme": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/@nebular/theme/-/theme-4.6.0.tgz",
-      "integrity": "sha512-S7topzx0Hf9D7YkQxKJ8UB1G2/sEN3o4eKjkRe8Xv5n7H3WqpKQ9Uef3oW2mTf75dmICBldhKXvopdr6TA5foA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@nebular/theme/-/theme-5.0.0.tgz",
+      "integrity": "sha512-xSYyRyuvgT/UPQePB4br6lZtqjTupC2M+QUdLzuezwjeYwWvQw8q+04DQJK+JT+YI2s+LRkkwPsk8b716Ubhfg==",
       "requires": {
         "intersection-observer": "0.7.0"
       }
@@ -5104,9 +5103,9 @@
       "dev": true
     },
     "eva-icons": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/eva-icons/-/eva-icons-1.1.2.tgz",
-      "integrity": "sha512-R5iD6nYcQS/qQOfC1ooP1hs8Xg+VKYfO95SXDzVWFUwYdxXrJYc7+ZnbE7tsl1amFjbRMm+c/vnH4NVaB2zrUQ=="
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/eva-icons/-/eva-icons-1.1.3.tgz",
+      "integrity": "sha512-QBSEWNbEx1H0numXP1qgxKVCZHonRaky5ft4pGzQBcO4cy7mEja6TuJ8rc7BqX2pmkvetVQWKDH+DK/8y7GTag=="
     },
     "eventemitter3": {
       "version": "3.1.0",
diff --git a/frontend/package.json b/frontend/package.json
index 7278d5ddb..6c4c55ca1 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -24,7 +24,7 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "9.0.6",
-    "@angular/cdk": "^8.2.3",
+    "@angular/cdk": "^9.1.2",
     "@angular/common": "9.0.6",
     "@angular/compiler": "9.0.6",
     "@angular/core": "9.0.6",
@@ -36,13 +36,13 @@
     "@clr/core": "^3.0.1",
     "@clr/icons": "^3.0.1",
     "@clr/ui": "^3.0.1",
-    "@nebular/eva-icons": "^4.6.0",
-    "@nebular/theme": "^4.6.0",
+    "@nebular/eva-icons": "^5.0.0",
+    "@nebular/theme": "^5.0.0",
     "@ngx-loading-bar/core": "^4.2.0",
     "@ngx-loading-bar/http-client": "^4.2.0",
     "@webcomponents/webcomponentsjs": "^2.4.2",
     "core-js": "^2.6.5",
-    "eva-icons": "^1.1.2",
+    "eva-icons": "^1.1.3",
     "rxjs": "^6.5.4",
     "tslib": "^1.10.0",
     "zone.js": "~0.10.2"
diff --git a/frontend/projects/troll-build/src/app/champions/champions.page.spec.ts b/frontend/projects/troll-build/src/app/champions/champions.page.spec.ts
index 5a557d886..2ab599bfa 100644
--- a/frontend/projects/troll-build/src/app/champions/champions.page.spec.ts
+++ b/frontend/projects/troll-build/src/app/champions/champions.page.spec.ts
@@ -3,6 +3,7 @@ import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { By } from '@angular/platform-browser';
 
+import { NbA11yModule } from '@nebular/theme';
 import { NbEvaIconsModule } from '@nebular/eva-icons';
 
 import { of } from 'rxjs';
@@ -20,7 +21,7 @@ describe('ChampionsPage', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      imports: [HttpClientTestingModule, RouterTestingModule, NbEvaIconsModule, ChampionsModule],
+      imports: [HttpClientTestingModule, RouterTestingModule, NbA11yModule.forRoot(), NbEvaIconsModule, ChampionsModule],
     })
     .compileComponents();
   }));
diff --git a/frontend/projects/troll-build/src/styles/_buttons.scss b/frontend/projects/troll-build/src/styles/_buttons.scss
index 3a2fa2168..a8d830f0c 100644
--- a/frontend/projects/troll-build/src/styles/_buttons.scss
+++ b/frontend/projects/troll-build/src/styles/_buttons.scss
@@ -12,6 +12,7 @@ $button-disabled-border-color: $button-disabled-background-color;
   .ltb-btn {
     border: 2px solid $button-border-color !important;
     background-color: $button-background-color !important;
+    color: #fff !important;
     font-weight: normal !important;
     text-transform: none !important;