diff --git a/package-lock.json b/package-lock.json
index d33e675..deae1a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1891,6 +1891,27 @@
         "whatwg-fetch": "^3.6.2"
       },
       "dependencies": {
+        "@vue/vue-loader-v15": {
+          "version": "npm:vue-loader@15.11.1",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
+          "integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
+          "dev": true,
+          "requires": {
+            "@vue/component-compiler-utils": "^3.1.0",
+            "hash-sum": "^1.0.2",
+            "loader-utils": "^1.1.0",
+            "vue-hot-reload-api": "^2.3.0",
+            "vue-style-loader": "^4.1.0"
+          },
+          "dependencies": {
+            "hash-sum": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+              "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+              "dev": true
+            }
+          }
+        },
         "hash-sum": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
@@ -2043,19 +2064,6 @@
       "integrity": "sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==",
       "dev": true
     },
-    "@vue/vue-loader-v15": {
-      "version": "npm:vue-loader@15.11.1",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
-      "integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
-      "dev": true,
-      "requires": {
-        "@vue/component-compiler-utils": "^3.1.0",
-        "hash-sum": "^1.0.2",
-        "loader-utils": "^1.1.0",
-        "vue-hot-reload-api": "^2.3.0",
-        "vue-style-loader": "^4.1.0"
-      }
-    },
     "@vue/web-component-wrapper": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
diff --git a/package.json b/package.json
index d419e8c..3a489e7 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.7.2",
-    "@mdi/font": "^2.5.94",
+    "@mdi/font": "^2.8.94",
     "axios": "^1.5.0",
     "bootstrap": "^4.0.0",
     "chart.js": "^3.7.1",
diff --git a/src/main.js b/src/main.js
index ccf980b..bcc8b7a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -10,7 +10,7 @@ import './plugins/vuetify'
 // Config
 import { baseUrl } from './config';
 
-// Material FontIcon
+// Material Design Icons (local)
 import 'material-design-icons-iconfont/dist/material-design-icons.css'
 // Fortawesome
 import '@fortawesome/fontawesome-free/css/all.css'
@@ -31,7 +31,7 @@ import { ApiService, TokenService } from '@/services'
 // Sync store with router
 sync(store, router)
 
-//vue filter for string
+// Vue filter for string
 Vue.filter('text_20_letter', function(value) {
   if (!value) return '';
   return value.slice(0, 20);
@@ -43,7 +43,7 @@ ApiService.setHeader();
 ApiService.init(baseUrl())
 
 require('./services/global/errorHandler.service');
-// If token exists set Authorizion header
+// If token exists set Authorization header
 if (TokenService.getToken()) {
   ApiService.setAuthHeader();
 
@@ -66,5 +66,5 @@ new Vue({
   router,
   store,
   render: h => h(App),
-  iconfont: 'fa4'
+  iconfont: 'mdi'
 }).$mount('#app');