diff --git a/src/package-lock.json b/src/package-lock.json
index 7fd4f50..263bc9b 100644
--- a/src/package-lock.json
+++ b/src/package-lock.json
@@ -1,9 +1,12 @@
 {
-    "name": "html",
+    "name": "src",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
+            "dependencies": {
+                "@fortawesome/fontawesome-free": "^6.4.0"
+            },
             "devDependencies": {
                 "@tailwindcss/forms": "^0.5.2",
                 "alpinejs": "^3.4.2",
@@ -379,6 +382,15 @@
                 "node": ">=12"
             }
         },
+        "node_modules/@fortawesome/fontawesome-free": {
+            "version": "6.4.0",
+            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.4.0.tgz",
+            "integrity": "sha512-0NyytTlPJwB/BF5LtRV8rrABDbe3TdTXqNB3PdZ+UUUZAEIrdOJdmABqKjt4AXwIoJNaRVVZEXxpNrqvE1GAYQ==",
+            "hasInstallScript": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/@jridgewell/gen-mapping": {
             "version": "0.3.3",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
diff --git a/src/package.json b/src/package.json
index 557400d..7c23bc7 100644
--- a/src/package.json
+++ b/src/package.json
@@ -14,5 +14,8 @@
         "postcss": "^8.4.6",
         "tailwindcss": "^3.1.0",
         "vite": "^4.0.0"
+    },
+    "dependencies": {
+        "@fortawesome/fontawesome-free": "^6.4.0"
     }
 }
diff --git a/src/resources/css/app.css b/src/resources/css/app.css
index b5c61c9..7975dc3 100644
--- a/src/resources/css/app.css
+++ b/src/resources/css/app.css
@@ -1,3 +1,5 @@
+@import "@fortawesome/fontawesome-free/css/all.css";
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/src/resources/js/app.js b/src/resources/js/app.js
index a8093be..3e61c35 100644
--- a/src/resources/js/app.js
+++ b/src/resources/js/app.js
@@ -1,4 +1,5 @@
 import './bootstrap';
+import '../css/app.css';
 
 import Alpine from 'alpinejs';
 
diff --git a/src/tailwind.config.js b/src/tailwind.config.js
index c29eb1a..9e7250e 100644
--- a/src/tailwind.config.js
+++ b/src/tailwind.config.js
@@ -7,6 +7,7 @@ export default {
         './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
         './storage/framework/views/*.php',
         './resources/views/**/*.blade.php',
+        './resources/**/*.js',
     ],
 
     theme: {
diff --git a/src/vite.config.js b/src/vite.config.js
index 89f26f5..ebd198b 100644
--- a/src/vite.config.js
+++ b/src/vite.config.js
@@ -5,7 +5,6 @@ export default defineConfig({
     plugins: [
         laravel({
             input: [
-                'resources/css/app.css',
                 'resources/js/app.js',
             ],
             refresh: true,