diff --git a/app/client/components/restore-form.tsx b/app/client/components/restore-form.tsx
index 67b72935..3c900a46 100644
--- a/app/client/components/restore-form.tsx
+++ b/app/client/components/restore-form.tsx
@@ -78,7 +78,7 @@ export function RestoreForm({ snapshot, repository, snapshotId, returnPath }: Re
 			return await queryClient.ensureQueryData(
 				listSnapshotFilesOptions({
 					path: { id: repository.id, snapshotId },
-					query: { path, offset, limit: 500 },
+					query: { path, offset: offset.toString(), limit: "500" },
 				}),
 			);
 		},
@@ -86,7 +86,7 @@ export function RestoreForm({ snapshot, repository, snapshotId, returnPath }: Re
 			void queryClient.prefetchQuery(
 				listSnapshotFilesOptions({
 					path: { id: repository.id, snapshotId },
-					query: { path, offset: 0, limit: 500 },
+					query: { path, offset: "0", limit: "500" },
 				}),
 			);
 		},
diff --git a/app/client/components/volume-file-browser.tsx b/app/client/components/volume-file-browser.tsx
index a5c6dd32..3ed3a156 100644
--- a/app/client/components/volume-file-browser.tsx
+++ b/app/client/components/volume-file-browser.tsx
@@ -42,7 +42,7 @@ export const VolumeFileBrowser = ({
 			return await queryClient.ensureQueryData(
 				listFilesOptions({
 					path: { id: volumeId },
-					query: { path, offset },
+					query: { path, offset: offset?.toString() },
 				}),
 			);
 		},
diff --git a/app/client/modules/backups/components/create-schedule-form.tsx b/app/client/modules/backups/components/create-schedule-form.tsx
index 17b1f0f0..718061f8 100644
--- a/app/client/modules/backups/components/create-schedule-form.tsx
+++ b/app/client/modules/backups/components/create-schedule-form.tsx
@@ -671,14 +671,20 @@ export const CreateScheduleForm = ({ initialValues, formId, onSubmit, volume }:
 								<div>
 									<p className="text-xs uppercase text-muted-foreground">Include paths/patterns</p>
 									<div className="flex flex-col gap-1">
-										{formValues.includePatterns?.map((path) => (
+										{formValues.includePatterns?.slice(0, 20).map((path) => (
 											<span key={path} className="text-xs font-mono bg-accent px-1.5 py-0.5 rounded">
 												{path}
 											</span>
 										))}
+										{formValues.includePatterns && formValues.includePatterns.length > 20 && (
+											<span className="text-xs text-muted-foreground">
+												+ {formValues.includePatterns.length - 20} more
+											</span>
+										)}
 										{formValues.includePatternsText
 											?.split("\n")
 											.filter(Boolean)
+											.slice(0, 20 - (formValues.includePatterns?.length || 0))
 											.map((pattern) => (
 												<span key={pattern} className="text-xs font-mono bg-accent px-1.5 py-0.5 rounded">
 													{pattern.trim()}
diff --git a/app/client/modules/backups/components/snapshot-file-browser.tsx b/app/client/modules/backups/components/snapshot-file-browser.tsx
index f1a0519f..9e62a816 100644
--- a/app/client/modules/backups/components/snapshot-file-browser.tsx
+++ b/app/client/modules/backups/components/snapshot-file-browser.tsx
@@ -64,7 +64,7 @@ export const SnapshotFileBrowser = (props: Props) => {
 			return await queryClient.ensureQueryData(
 				listSnapshotFilesOptions({
 					path: { id: repositoryId, snapshotId: snapshot.short_id },
-					query: { path, offset, limit: 500 },
+					query: { path, offset: offset.toString(), limit: "500" },
 				}),
 			);
 		},
@@ -72,7 +72,7 @@ export const SnapshotFileBrowser = (props: Props) => {
 			void queryClient.prefetchQuery(
 				listSnapshotFilesOptions({
 					path: { id: repositoryId, snapshotId: snapshot.short_id },
-					query: { path, offset: 0, limit: 500 },
+					query: { path, offset: "0", limit: "500" },
 				}),
 			);
 		},