diff --git a/book-racker/package-lock.json b/book-racker/package-lock.json
index 33e49a984009d493a51b0971c7aec80bcda7d57d..11dcabd351bf2007b26533a3cd3078e20ccdac7c 100644
--- a/book-racker/package-lock.json
+++ b/book-racker/package-lock.json
@@ -14902,6 +14902,11 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
+    "vuetify": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-2.4.0.tgz",
+      "integrity": "sha512-FBFAtg1ZnNwDBhMzENCzgh0hBV+HMjXejrxeRQqTfKPojKQSQFswtdHatUPmlkArDulZC73GRs2F/IwdF48o5g=="
+    },
     "watchpack": {
       "version": "1.7.5",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
diff --git a/book-racker/package.json b/book-racker/package.json
index 8f2a98dd816b5575b2461a93487e05f7adbf5468..7920d13c46041391de141dd376e85211833e7c40 100644
--- a/book-racker/package.json
+++ b/book-racker/package.json
@@ -16,7 +16,8 @@
   "dependencies": {
     "axios": "^0.21.1",
     "vue": "^2.5.2",
-    "vue-router": "^3.0.1"
+    "vue-router": "^3.0.1",
+    "vuetify": "^2.4.0"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.2",
diff --git a/book-racker/src/main.js b/book-racker/src/main.js
index 417390e2862c8510f8b42dd01014e88d4136a449..fc247db3b6373160f7bf594d9fdbb5df5af437a8 100644
--- a/book-racker/src/main.js
+++ b/book-racker/src/main.js
@@ -3,9 +3,13 @@
 import Vue from 'vue'
 import App from './App'
 import router from './router'
+import Vuetify from 'vuetify'
+import 'vuetify/dist/vuetify.min.css'
 
 Vue.config.productionTip = false
 
+Vue.use(Vuetify)
+
 /* eslint-disable no-new */
 new Vue({
   el: '#app',