diff --git a/assets/styles/app.css b/assets/styles/app.css
index bb2daa5..6c02215 100755
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -7,3 +7,22 @@
 @source "../node_modules/flowbite";
 
 @custom-variant dark (@media (prefers-color-scheme: dark));
+
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+    *,
+    ::after,
+    ::before,
+    ::backdrop,
+    ::file-selector-button {
+        border-color: var(--color-gray-200, currentColor);
+    }
+}