diff --git a/app/ui/Card.vue b/app/ui/Card.vue
index 4f537a5..9374430 100644
--- a/app/ui/Card.vue
+++ b/app/ui/Card.vue
@@ -16,6 +16,7 @@ const props = defineProps<CardProps>()
 @use "@/styles/variables" as *;
 
 .card {
+	background-color: $color-background;
 	border: 1px solid $color-border;
 	border-radius: $border-radius-standard;
 	padding: 1rem;
diff --git a/app/utils/cfetch.ts b/app/utils/cfetch.ts
index e542bfb..dc8dcd7 100644
--- a/app/utils/cfetch.ts
+++ b/app/utils/cfetch.ts
@@ -48,14 +48,13 @@ export const cfetch = async (
 
 		for (const [key, val] of Object.entries(config.data)) {
 			if (Array.isArray(val)) {
-				val.forEach((v) => form.append(`${key}[]`, v))
+				val.forEach((v) => form.append(key, v)) // key as-is, no []
 			} else if (val !== undefined && val !== null) {
 				form.append(key, val as any)
 			}
 		}
 
 		config.data = form
-
 		if (!config.headers) config.headers = {}
 		delete config.headers["Content-Type"]
 	}