diff --git a/packages/ui/src/components/servers/backups/BackupItem.vue b/packages/ui/src/components/servers/backups/BackupItem.vue
index 61ab7175ce..9c96964eaa 100644
--- a/packages/ui/src/components/servers/backups/BackupItem.vue
+++ b/packages/ui/src/components/servers/backups/BackupItem.vue
@@ -249,7 +249,9 @@ const messages = defineMessages({
 
 		<!-- Date + size (middle column) -->
 		<div v-if="!preview" class="flex w-[240px] shrink-0 flex-col gap-1.5">
-			<span class="whitespace-nowrap font-medium text-contrast">{{ formatDateTime(backup.created_at) }}</span>
+			<span class="whitespace-nowrap font-medium text-contrast">{{
+				formatDateTime(backup.created_at)
+			}}</span>
 			<!-- TODO: Uncomment when API supports size field -->
 			<!-- <span class="font-normal text-secondary">{{ formatBytes(backup.size) }}</span> -->
 		</div>
@@ -257,7 +259,7 @@ const messages = defineMessages({
 		<!-- Right side actions -->
 		<div v-if="!preview" class="flex w-[180px] shrink-0 items-center justify-end gap-2">
 			<ButtonStyled v-if="creating" type="outlined">
-				<button @click="() => emit('delete', true)" class="!border !border-surface-4">
+				<button class="!border !border-surface-4" @click="() => emit('delete', true)">
 					{{ formatMessage(commonMessages.cancelButton) }}
 				</button>
 			</ButtonStyled>
diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json
index 9ff0bdfd66..e6caa750a0 100644
--- a/packages/ui/src/locales/en-US/index.json
+++ b/packages/ui/src/locales/en-US/index.json
@@ -2705,6 +2705,9 @@
   "servers.backups.item.backup-schedule": {
     "defaultMessage": "Backup schedule"
   },
+  "servers.backups.item.creating-backup": {
+    "defaultMessage": "Creating backup…"
+  },
   "servers.backups.item.failed-to-create-backup": {
     "defaultMessage": "Failed to create backup"
   },
@@ -2720,6 +2723,9 @@
   "servers.backups.item.restore": {
     "defaultMessage": "Restore"
   },
+  "servers.backups.item.restoring": {
+    "defaultMessage": "Restoring"
+  },
   "servers.busy.backup-creating": {
     "defaultMessage": "Backup creation in progress"
   },
diff --git a/packages/ui/src/stories/servers/BackupItem.stories.ts b/packages/ui/src/stories/servers/BackupItem.stories.ts
index 4c4d995450..a2e2a16ccf 100644
--- a/packages/ui/src/stories/servers/BackupItem.stories.ts
+++ b/packages/ui/src/stories/servers/BackupItem.stories.ts
@@ -115,9 +115,7 @@ export const AllStates: Story = {
 		setup() {
 			const now = new Date(Date.now() - 1000 * 60 * 10).toISOString()
 
-			function makeBackup(
-				overrides: Partial<Archon.Backups.v1.Backup>,
-			): Archon.Backups.v1.Backup {
+			function makeBackup(overrides: Partial<Archon.Backups.v1.Backup>): Archon.Backups.v1.Backup {
 				return {
 					id: 'backup-001',
 					physical_id: 'phys-001',