use componentized tailwind styles and copied from merged

app/assets/stylesheets/application.tailwind.css

@@ -1,19 +1,2 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-
-@layer components {
-  .button {
-    @apply inline-block rounded-lg px-3 py-2 text-base font-medium border border-gray-500 hover:border-black;
-  }
-  .change {
-    @apply bg-cyan-200;
-  }
-  .remove {
-    @apply bg-red-200;
-  }
-  .action {
-    @apply bg-green-200;
-  }
-}
+@import "tailwind_base";
+@import "merged_tailwind_styles";

app/assets/stylesheets/merged_tailwind_styles.css

@@ -0,0 +1,21 @@
+.prose {
+  max-width: 100%;
+  color: inherit;
+  --tw-prose-bullets: #6b7280;
+  --tw-prose-headings: inherit;
+}
+
+@layer components {
+  .button {
+    @apply inline-block rounded-lg px-3 py-2 text-base font-medium border border-gray-500 hover:border-black;
+  }
+  .change {
+    @apply bg-cyan-200;
+  }
+  .remove {
+    @apply bg-red-200;
+  }
+  .action {
+    @apply bg-green-200;
+  }
+}

app/assets/stylesheets/tailwind_base.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;