diff --git a/web/apps/hive/src/lib/components/notifications_list.svelte b/web/apps/hive/src/lib/components/notifications_list.svelte
index 9a3d888..f39f648 100644
--- a/web/apps/hive/src/lib/components/notifications_list.svelte
+++ b/web/apps/hive/src/lib/components/notifications_list.svelte
@@ -331,8 +331,8 @@
 		<h3 class="text-lg font-bold">{pendingBulkAction?.title}</h3>
 		<p class="py-4 text-sm text-base-content/70">{pendingBulkAction?.description}</p>
 		<div class="modal-action flex flex-col gap-2 sm:flex-row sm:justify-end">
-			<form method="dialog">
-				<button type="submit" class="btn btn-outline">Cancel</button>
+			<form method="dialog" class="w-full sm:w-auto">
+				<button type="submit" class="btn btn-outline w-full">Cancel</button>
 			</form>
 			<button type="button" class="btn btn-error" onclick={confirmBulkAction}>Delete</button>
 		</div>
diff --git a/web/apps/hive/src/routes/(app)/device/+page.svelte b/web/apps/hive/src/routes/(app)/device/+page.svelte
index 4a0063a..1107d30 100644
--- a/web/apps/hive/src/routes/(app)/device/+page.svelte
+++ b/web/apps/hive/src/routes/(app)/device/+page.svelte
@@ -646,8 +646,8 @@
 				need to pair again to receive notifications.
 			</p>
 			<div class="modal-action flex flex-col gap-2 sm:flex-row sm:justify-end">
-				<form method="dialog">
-					<button type="submit" class="btn btn-outline">Cancel</button>
+				<form method="dialog" class="w-full sm:w-auto">
+					<button type="submit" class="btn btn-outline w-full">Cancel</button>
 				</form>
 				<button type="button" class="btn btn-error" onclick={handleDisconnect}>Disconnect</button>
 			</div>