diff --git a/.prettierrc b/.prettierrc
index b9ca793..be6c244 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,18 +1,22 @@
 {
-    "endOfLine": "auto",
-    "jsxBracketSameLine": true,
-    "importOrder": ["^@core/(.*)$", "^@server/(.*)$", "^@ui/(.*)$", "^[./]"],
+    "importOrder": [
+        "^@core/(.*)$",
+        "^@server/(.*)$",
+        "^@ui/(.*)$",
+        "^[./]"
+    ],
     "importOrderSeparation": true,
     "importOrderSortSpecifiers": true,
     "importOrderSideEffects": true,
     "importOrderCaseInsensitive": true,
     "plugins": ["@trivago/prettier-plugin-sort-imports"],
-    "printWidth": 80,
-    "tabWidth": 4,
-    "useTabs": false,
-    "semi": true,
+    "semi": false,
+    "trailingComma": "all",
+    "arrowParens": "always",
     "singleQuote": true,
-    "trailingComma": "es5",
+    "printWidth": 70,
+    "endOfLine": "auto",
     "bracketSpacing": true,
-    "arrowParens": "always"
+    "jsxBracketSameLine": true,
+    "tabWidth": 4
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 3f30cc7..b7e4217 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,14 +1,12 @@
 {
-    "[typescript]": {
-        "editor.formatOnSave": true,
-        "editor.defaultFormatter": "esbenp.prettier-vscode",
-        "editor.codeActionsOnSave": {
-            "source.fixAll": "always"
-        }
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": true
     },
-    "files.associations": {
-        "*.css": "tailwindcss",
-        "*.scss": "tailwindcss"
-    },
-    "prettier.bracketSpacing": false
+    "editor.formatOnSave": true,
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "typescript",
+        "typescriptreact"
+    ]
 }
diff --git a/apps/nt-stylesheet/themes/colors.ts b/apps/nt-stylesheet/themes/colors.ts
index 16b4332..7eee759 100644
--- a/apps/nt-stylesheet/themes/colors.ts
+++ b/apps/nt-stylesheet/themes/colors.ts
@@ -1,4 +1,4 @@
-import { ThemeConfig } from 'tailwindcss/types/config';
+import { ThemeConfig } from 'tailwindcss/types/config'
 
 export const colors: ThemeConfig['colors'] = {
     black: '#000000',
@@ -141,7 +141,7 @@ export const colors: ThemeConfig['colors'] = {
         white: '#FFFFFF',
         diabled: '#C9CCD4',
     },
-};
+}
 
 export const boxShadow = {
     primary: '0 0.125rem 0.25rem rgba(214, 0, 28, 0.15)',
@@ -150,7 +150,7 @@ export const boxShadow = {
     warning: '0 0.25rem 0.375rem rgba(223, 119, 0, 0.15)',
     danger: '0 0.25rem 0.375rem rgba(229, 16, 16, 0.15)',
     neutral: '0 0.25rem 0.375rem rgba(0, 0, 0, 0.1)',
-};
+}
 
 export const backgroundColor = {
     dark: '#E6E6E6',
@@ -158,4 +158,4 @@ export const backgroundColor = {
     light: '#F6F6F6',
     white: '#FFFFFF',
     disabled: '#C9CCD4',
-};
+}
diff --git a/eslint.config.mjs b/eslint.config.mjs
index f75413a..f6b3c0c 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,8 +1,8 @@
-import { FlatCompat } from '@eslint/eslintrc';
-import nxEslintPlugin from '@nx/eslint-plugin';
-import typescriptEslintPlugin from '@typescript-eslint/eslint-plugin';
-import typescriptParser from '@typescript-eslint/parser';
-import prettierPlugin from 'eslint-plugin-prettier';
+import { FlatCompat } from '@eslint/eslintrc'
+import nxEslintPlugin from '@nx/eslint-plugin'
+import typescriptEslintPlugin from '@typescript-eslint/eslint-plugin'
+import typescriptParser from '@typescript-eslint/parser'
+import prettierPlugin from 'eslint-plugin-prettier'
 
 const compat = new FlatCompat({
     baseConfig: {
@@ -11,11 +11,10 @@ const compat = new FlatCompat({
             'eslint:recommended',
             'plugin:@typescript-eslint/recommended',
             'plugin:@nx/recommended',
-            'prettier',
             'plugin:prettier/recommended',
         ],
     },
-});
+})
 
 export default [
     {
@@ -31,17 +30,12 @@ export default [
             '@nx': nxEslintPlugin,
             prettier: prettierPlugin,
         },
-        ignores: ['apps/**/coverage/**', 'apps/**/dist/**', 'apps/**/.nx/**'],
+        ignores: [
+            'apps/**/coverage/**',
+            'apps/**/dist/**',
+            'apps/**/.nx/**',
+        ],
         rules: {
-            'prettier/prettier': [
-                'error',
-                {},
-                {
-                    fileInfoOptions: {
-                        withNodeModules: true,
-                    },
-                },
-            ],
             'brace-style': ['error', '1tbs'],
             'object-curly-spacing': ['error', 'always'],
             '@nx/enforce-module-boundaries': [
@@ -66,4 +60,4 @@ export default [
             },
         ],
     }),
-];
+]