diff --git a/web/themes/custom/opdavies/assets/css/custom-utilities.pcss b/web/themes/custom/opdavies/assets/css/custom-utilities.pcss
deleted file mode 100644
index 35d011d..0000000
--- a/web/themes/custom/opdavies/assets/css/custom-utilities.pcss
+++ /dev/null
@@ -1,9 +0,0 @@
-.no-js .js-hidden {
-  display: none
-}
-
-@responsive {
-  .first-of-type\:mt-0:first-of-type {
-    @apply mt-0 !important
-  }
-}
diff --git a/web/themes/custom/opdavies/assets/css/tailwind.pcss b/web/themes/custom/opdavies/assets/css/tailwind.pcss
index d32b50e..a90e99a 100644
--- a/web/themes/custom/opdavies/assets/css/tailwind.pcss
+++ b/web/themes/custom/opdavies/assets/css/tailwind.pcss
@@ -7,4 +7,4 @@
 @import './libraries/hljs.pcss';
 
 @import 'tailwindcss/utilities';
-@import './custom-utilities.pcss';
+@import './utilities/*.pcss';
diff --git a/web/themes/custom/opdavies/assets/css/utilities/first-of-type.pcss b/web/themes/custom/opdavies/assets/css/utilities/first-of-type.pcss
new file mode 100644
index 0000000..78beb00
--- /dev/null
+++ b/web/themes/custom/opdavies/assets/css/utilities/first-of-type.pcss
@@ -0,0 +1,7 @@
+@layer utilities {
+  @responsive {
+    .first-of-type\:mt-0:first-of-type {
+      @apply mt-0 !important
+    }
+  }
+}
diff --git a/web/themes/custom/opdavies/assets/css/utilities/js-hidden.pcss b/web/themes/custom/opdavies/assets/css/utilities/js-hidden.pcss
new file mode 100644
index 0000000..bc05e97
--- /dev/null
+++ b/web/themes/custom/opdavies/assets/css/utilities/js-hidden.pcss
@@ -0,0 +1,5 @@
+@layer utilities {
+  .no-js .js-hidden {
+    display: none
+  } 
+}