diff --git a/src/components/ui/ConfirmModal.tsx b/src/components/ui/ConfirmModal.tsx
index 2f395fb..e52c91b 100644
--- a/src/components/ui/ConfirmModal.tsx
+++ b/src/components/ui/ConfirmModal.tsx
@@ -38,7 +38,7 @@ export default function ConfirmModal({
 
   return (
     <div
-      className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4"
+      className="fixed inset-0 z-50 flex cursor-pointer items-center justify-center bg-black/50 px-4"
       onClick={onCancel}
     >
       <div
diff --git a/src/index.css b/src/index.css
index f1d8c73..9229e45 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1 +1,26 @@
 @import "tailwindcss";
+
+@layer base {
+  :where(
+      a[href],
+      button:not(:disabled),
+      summary,
+      input[type="button"]:not(:disabled),
+      input[type="submit"]:not(:disabled),
+      input[type="reset"]:not(:disabled),
+      select:not(:disabled),
+      [role="button"]:not([aria-disabled="true"]),
+      label[for]
+    ) {
+    cursor: pointer;
+  }
+
+  :where(
+      button:disabled,
+      input:disabled,
+      select:disabled,
+      [role="button"][aria-disabled="true"]
+    ) {
+    cursor: not-allowed;
+  }
+}