diff --git a/ui/src/lib/ErrorMessage.svelte b/ui/src/lib/ErrorMessage.svelte
index 18c023121..9e3c56c64 100644
--- a/ui/src/lib/ErrorMessage.svelte
+++ b/ui/src/lib/ErrorMessage.svelte
@@ -6,4 +6,4 @@
 	} = $props();
 </script>
 
-<div class="m-4 text-red-600">{e}</div>
+<div class="m-4 text-red-600"><div class="min-w-0">{e}</div></div>
diff --git a/ui/src/lib/ItineraryList.svelte b/ui/src/lib/ItineraryList.svelte
index bc647acc8..8b900f37e 100644
--- a/ui/src/lib/ItineraryList.svelte
+++ b/ui/src/lib/ItineraryList.svelte
@@ -32,7 +32,8 @@
 
 	const throwOnError = (promise: RequestResult<PlanResponse, PlanError, false>) =>
 		promise.then((response) => {
-			if (response.error) throw new Error(String(response.error));
+			console.log(response.error);
+			if (response.error) throw new Error(String((response.error as any).error ?? response.error));
 			return response.data!;
 		});
 </script>
diff --git a/ui/src/routes/+page.svelte b/ui/src/routes/+page.svelte
index 8823b1544..fb68e17d0 100644
--- a/ui/src/routes/+page.svelte
+++ b/ui/src/routes/+page.svelte
@@ -224,7 +224,8 @@
 	const onClickTrip = async (tripId: string, replace: boolean = false) => {
 		const { data: itinerary, error } = await trip({ query: { tripId } });
 		if (error) {
-			alert(error);
+			console.log(error);
+			alert(String((error as any).error ?? error));
 			return;
 		}
 		pushStateWithQueryString({ tripId }, { selectedItinerary: itinerary, tripId: tripId }, replace);