diff --git a/package-lock.json b/package-lock.json
index 57ea005..de91651 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
         "hideseek": "^0.7.0",
         "http-server": "^0.9.0",
         "jquery": "^2.2.2",
+        "mdi": "^2.2.43",
         "moment": "^2.12.0",
         "vue": "^2.2.2",
         "vue-date-picker": "^1.0.2",
@@ -8574,6 +8575,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/mdi": {
+      "version": "2.2.43",
+      "resolved": "https://registry.npmjs.org/mdi/-/mdi-2.2.43.tgz",
+      "integrity": "sha512-g3m6z4303qieltUM20JL2gdsJZvoVzIzO74qa2XxZ2kg9JPwrPEAgooVhRDHZi1vvRh0gB8Dg+c9XqNdz4jcIg==",
+      "deprecated": "The mdi package was renamed to @mdi/font after v2.2.43. Please rename in your package.json for future updates."
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -21002,6 +21009,11 @@
         }
       }
     },
+    "mdi": {
+      "version": "2.2.43",
+      "resolved": "https://registry.npmjs.org/mdi/-/mdi-2.2.43.tgz",
+      "integrity": "sha512-g3m6z4303qieltUM20JL2gdsJZvoVzIzO74qa2XxZ2kg9JPwrPEAgooVhRDHZi1vvRh0gB8Dg+c9XqNdz4jcIg=="
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
diff --git a/package.json b/package.json
index 57044ec..c7af9da 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,8 @@
     "vue-router": "^2.2.0",
     "vuex": "^2.0.0",
     "vuex-router-sync": "^4.1.2",
-    "googleapis":"^95.0.0"
+    "googleapis": "^95.0.0",
+    "mdi": "^2.2.43"
   },
   "devDependencies": {
     "autoprefixer": "^6.7.2",
diff --git a/src/components/layout/SidebarMenu.vue b/src/components/layout/SidebarMenu.vue
index 82e7ac0..707c7c1 100644
--- a/src/components/layout/SidebarMenu.vue
+++ b/src/components/layout/SidebarMenu.vue
@@ -18,7 +18,7 @@
     <li class="header">CPHA</li>
     <router-link tag="li" class="pageLink" to="/personalfinances">
       <a>
-        <i class="fa fa-money"></i>
+        <i class="mdi mdi-money"></i>
         <span class="page">Personal Finances</span>
       </a>
     </router-link>
diff --git a/yarn.lock b/yarn.lock
index 27ceda7..b922c1c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4842,6 +4842,11 @@
     "hash-base" "^3.0.0"
     "inherits" "^2.0.1"
 
+"mdi@^2.2.43":
+  "integrity" "sha512-g3m6z4303qieltUM20JL2gdsJZvoVzIzO74qa2XxZ2kg9JPwrPEAgooVhRDHZi1vvRh0gB8Dg+c9XqNdz4jcIg=="
+  "resolved" "https://registry.npmjs.org/mdi/-/mdi-2.2.43.tgz"
+  "version" "2.2.43"
+
 "media-typer@0.3.0":
   "integrity" "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
   "resolved" "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz"