diff --git a/src/ClientApp/nuxt.config.js b/src/ClientApp/nuxt.config.js
index 7dfa9c6e..35bc160e 100644
--- a/src/ClientApp/nuxt.config.js
+++ b/src/ClientApp/nuxt.config.js
@@ -1,5 +1,3 @@
-import colors from 'vuetify/es5/util/colors'
-
 export default {
   mode: 'universal',
   /*
@@ -95,21 +93,8 @@ export default {
    ** https://github.com/nuxt-community/vuetify-module
    */
   vuetify: {
-    customVariables: ['~/assets/variables.scss'],
-    theme: {
-      dark: false,
-      themes: {
-        dark: {
-          primary: colors.blue.darken2,
-          accent: colors.grey.darken3,
-          secondary: colors.amber.darken3,
-          info: colors.teal.lighten1,
-          warning: colors.amber.base,
-          error: colors.deepOrange.accent4,
-          success: colors.green.accent3
-        }
-      }
-    }
+    optionsPath: './vuetify.options.js',
+    customVariables: ['~/assets/variables.scss']
   },
   server: {
     host: '0.0.0.0'
diff --git a/src/ClientApp/vuetify.options.js b/src/ClientApp/vuetify.options.js
new file mode 100644
index 00000000..b8ff80d4
--- /dev/null
+++ b/src/ClientApp/vuetify.options.js
@@ -0,0 +1,18 @@
+import colors from 'vuetify/es5/util/colors'
+
+export default {
+  theme: {
+    dark: false,
+    themes: {
+      dark: {
+        primary: colors.blue.darken2,
+        accent: colors.grey.darken3,
+        secondary: colors.amber.darken3,
+        info: colors.teal.lighten1,
+        warning: colors.amber.base,
+        error: colors.deepOrange.accent4,
+        success: colors.green.accent3
+      }
+    }
+  }
+}