diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 288b9ab..6017657 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -10,6 +10,7 @@
  * files in this directory. Styles in this file should be added after the last require_* statement.
  * It is generally better to create a new file per style scope.
  *
- *= require_tree .
- *= require_self
+ *= require_directory .
  */
+
+@import "./tailwind/main.css";
diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
index e6346d1..0e23370 100644
--- a/app/assets/stylesheets/application.tailwind.css
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -1,6 +1,6 @@
-@import "./pagy.tailwind.css";
+@import "./tailwind/pagy.css";
 
-/* important to be the last 3 lines*/ 
+/* important to be the last 3 lines */
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
\ No newline at end of file
diff --git a/app/assets/stylesheets/pagy.tailwind.css b/app/assets/stylesheets/tailwind/pagy.css
similarity index 100%
rename from app/assets/stylesheets/pagy.tailwind.css
rename to app/assets/stylesheets/tailwind/pagy.css