diff --git a/angular.json b/angular.json
index 6ba5b7d..3af3fde 100644
--- a/angular.json
+++ b/angular.json
@@ -32,7 +32,7 @@
                             }
                         ],
                         "styles": [
-                            "src/styles.scss"
+                            "src/assets/styles.scss"
                         ],
                         "scripts": []
                     },
@@ -91,7 +91,7 @@
                             }
                         ],
                         "styles": [
-                            "src/styles.scss"
+                            "src/assets/styles.scss"
                         ],
                         "scripts": []
                     }
diff --git a/src/assets/styles.scss b/src/assets/styles.scss
new file mode 100644
index 0000000..0b50298
--- /dev/null
+++ b/src/assets/styles.scss
@@ -0,0 +1,5 @@
+/* You can add global styles to this file, and also import other style files */
+@use './tailwind.css';
+@use './layout/layout.scss';
+@use 'primeicons/primeicons.css';
+@use './demo/demo.scss';
diff --git a/src/tailwind.css b/src/assets/tailwind.css
similarity index 76%
rename from src/tailwind.css
rename to src/assets/tailwind.css
index 263e274..99c6e09 100644
--- a/src/tailwind.css
+++ b/src/assets/tailwind.css
@@ -1,4 +1,6 @@
 @import 'tailwindcss';
+@import "tailwindcss-primeui";
+@custom-variant dark (&:where(.app-dark, .app-dark *));
 
 @layer base {
     button:not(:disabled),
diff --git a/src/styles.scss b/src/styles.scss
deleted file mode 100644
index 00664be..0000000
--- a/src/styles.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-@use './tailwind.css';
-@use './assets/layout/layout.scss';
-@use 'primeicons/primeicons.css';
-@use './assets/demo/demo.scss';
-@plugin "tailwindcss-primeui";
-@custom-variant dark (&:where(.app-dark, .app-dark *));
\ No newline at end of file