diff --git a/package-lock.json b/package-lock.json
index 8f96450..8047ef4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,6 +23,7 @@
                 "@vue/compiler-sfc": "latest",
                 "@vue/eslint-config-typescript": "latest",
                 "@vue/tsconfig": "^0.4.0",
+                "autoprefixer": "^10.4.17",
                 "axios": "^1.5.1",
                 "bootstrap": "^5.3.2",
                 "chart.js": "^4.4.0",
@@ -2475,6 +2476,43 @@
             "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
             "dev": true
         },
+        "node_modules/autoprefixer": {
+            "version": "10.4.17",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
+            "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "dependencies": {
+                "browserslist": "^4.22.2",
+                "caniuse-lite": "^1.0.30001578",
+                "fraction.js": "^4.3.7",
+                "normalize-range": "^0.1.2",
+                "picocolors": "^1.0.0",
+                "postcss-value-parser": "^4.2.0"
+            },
+            "bin": {
+                "autoprefixer": "bin/autoprefixer"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            },
+            "peerDependencies": {
+                "postcss": "^8.1.0"
+            }
+        },
         "node_modules/available-typed-arrays": {
             "version": "1.0.6",
             "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.6.tgz",
@@ -3908,6 +3946,19 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/fraction.js": {
+            "version": "4.3.7",
+            "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+            "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+            "dev": true,
+            "engines": {
+                "node": "*"
+            },
+            "funding": {
+                "type": "patreon",
+                "url": "https://github.com/sponsors/rawify"
+            }
+        },
         "node_modules/fs-extra": {
             "version": "8.1.0",
             "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
@@ -5262,6 +5313,15 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/normalize-range": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+            "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/npm-run-path": {
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
diff --git a/package.json b/package.json
index 20a0d2e..dd5fb2a 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
         "@vue/compiler-sfc": "latest",
         "@vue/eslint-config-typescript": "latest",
         "@vue/tsconfig": "^0.4.0",
+        "autoprefixer": "^10.4.17",
         "axios": "^1.5.1",
         "bootstrap": "^5.3.2",
         "chart.js": "^4.4.0",
diff --git a/vite.config.ts b/vite.config.ts
index 9be3ac6..ccc036c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,5 +1,6 @@
 import basicSsl from "@vitejs/plugin-basic-ssl";
 import vue from "@vitejs/plugin-vue";
+import autoprefixer from "autoprefixer";
 import laravel from "laravel-vite-plugin";
 import path from "path";
 import postcssDiscard from "postcss-discard-comments";
@@ -52,6 +53,7 @@ export default defineConfig({
                 postcssDiscard({
                     removeAll: true,
                 }),
+                autoprefixer(),
             ],
         },
     },
@@ -133,11 +135,7 @@ export default defineConfig({
             failOnWarning: false,
             failOnError: false,
         }),
-        babel({
-            babelConfig: {
-                targets: "last 3 version, not dead, >0.3%"
-            }
-        }),
+        babel(),
         vue({
             isProduction: process.env.NODE_ENV !== "local" ? true : false,
             exclude: ["node_modules", "vendor"],