diff --git a/src/routes/settings/backups/+page.svelte b/src/routes/settings/backups/+page.svelte
index ec43993..a92313b 100644
--- a/src/routes/settings/backups/+page.svelte
+++ b/src/routes/settings/backups/+page.svelte
@@ -104,8 +104,8 @@
 <div class="p-8">
 	<!-- Header -->
 	<div class="mb-8">
-		<h1 class="text-3xl font-bold text-neutral-900 dark:text-neutral-50">Backups</h1>
-		<p class="mt-3 text-lg text-neutral-600 dark:text-neutral-400">
+		<h1 class="text-2xl font-bold text-neutral-900 md:text-3xl dark:text-neutral-50">Backups</h1>
+		<p class="mt-3 text-base text-neutral-600 md:text-lg dark:text-neutral-400">
 			Manage database and configuration backups
 		</p>
 	</div>
@@ -224,6 +224,7 @@
 		data={filteredBackups}
 		emptyMessage="No backups found. Create your first backup to get started."
 		compact
+		responsive
 	>
 		<svelte:fragment slot="cell" let:row let:column>
 			{#if column.key === 'filename'}