diff --git a/webapp/.eslintrc.js b/webapp/.eslintrc.js
index fdc9bfb5e..f95b5c186 100644
--- a/webapp/.eslintrc.js
+++ b/webapp/.eslintrc.js
@@ -20,6 +20,8 @@ module.exports = {
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'vue/component-name-in-template-casing': ['error', 'kebab-case']
+    'vue/component-name-in-template-casing': ['error', 'kebab-case'],
+    'prettier/prettier': ['error'],
+    // 'newline-per-chained-call': [2]
   }
 }
diff --git a/webapp/.prettierrc b/webapp/.prettierrc
deleted file mode 100644
index 7dc4f8263..000000000
--- a/webapp/.prettierrc
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "semi": false,
-  "singleQuote": true,
-  "tabWidth": 2,
-  "bracketSpacing": true
-}
diff --git a/webapp/.prettierrc.js b/webapp/.prettierrc.js
new file mode 100644
index 000000000..e2cf91e91
--- /dev/null
+++ b/webapp/.prettierrc.js
@@ -0,0 +1,9 @@
+
+module.exports = {
+  semi: false,
+  printWidth: 100,
+  singleQuote: true,
+  trailingComma: "all",
+  tabWidth: 2,
+  bracketSpacing: true
+};