diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 5745104..316690b 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -194,7 +194,7 @@ function MobileDrawer() {
 	return (
 		<Sheet open={open} onOpenChange={setOpen}>
 			<SheetTrigger asChild>
-				<Button variant="ghost" size="icon" className="md:hidden">
+				<Button variant="ghost" size="icon" className="mobile-touch-target md:hidden">
 					<Menu className="h-5 w-5" />
 				</Button>
 			</SheetTrigger>
@@ -281,7 +281,7 @@ function TopBar({
 					variant="ghost"
 					size="icon"
 					onClick={onToggleDarkMode}
-					className="h-8 w-8"
+					className="mobile-touch-target h-8 w-8"
 				>
 					{darkMode ? (
 						<Sun className="h-4 w-4" />
@@ -294,7 +294,7 @@ function TopBar({
 						variant="ghost"
 						size="sm"
 						onClick={onSignOut}
-						className="gap-2"
+						className="mobile-touch-target gap-2"
 					>
 						<LogOut className="h-4 w-4" />
 						<span className="hidden sm:inline">Logout</span>
diff --git a/frontend/src/components/ObservabilityPage.tsx b/frontend/src/components/ObservabilityPage.tsx
index e5b34f8..8ca7019 100644
--- a/frontend/src/components/ObservabilityPage.tsx
+++ b/frontend/src/components/ObservabilityPage.tsx
@@ -141,7 +141,7 @@ function QueryError({
 			<AlertTitle>{label} failed</AlertTitle>
 			<AlertDescription className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
 				<span className="break-words">{error.message}</span>
-				<Button variant="outline" size="sm" onClick={() => refetch()}>
+				<Button variant="outline" size="sm" className="mobile-touch-target" onClick={() => refetch()}>
 					<RefreshCw className="mr-1 h-3 w-3" />
 					Retry
 				</Button>
@@ -255,7 +255,7 @@ function GrafanaLinkCard({
 					<div className="font-medium">{title}</div>
 					<div className="text-sm text-muted-foreground">{description}</div>
 				</div>
-				<Button variant="outline" size="sm" asChild>
+				<Button variant="outline" size="sm" className="mobile-touch-target" asChild>
 					<a
 						href={href}
 						target="_blank"
@@ -585,7 +585,7 @@ export function ObservabilityPage() {
 									title="No Node Exporter targets"
 									description="Enable Node Exporter on an SSH machine in Settings to populate Prometheus scrape targets."
 									action={
-										<Button variant="outline" size="sm" asChild>
+										<Button variant="outline" size="sm" className="mobile-touch-target" asChild>
 											<Link to="/settings">Open Settings</Link>
 										</Button>
 									}
@@ -641,7 +641,7 @@ export function ObservabilityPage() {
 									title="No Grafana service configured"
 									description="Add a Grafana service instance to enable deep-links to dashboards and logs."
 									action={
-										<Button variant="outline" size="sm" asChild>
+										<Button variant="outline" size="sm" className="mobile-touch-target" asChild>
 											<Link to="/services">Open Services</Link>
 										</Button>
 									}
@@ -653,7 +653,7 @@ export function ObservabilityPage() {
 								title="No machine selected"
 								description="Add monitoring machines in Settings to see Grafana drill-down links."
 								action={
-									<Button variant="outline" size="sm" asChild>
+									<Button variant="outline" size="sm" className="mobile-touch-target" asChild>
 										<Link to="/settings">Open Settings</Link>
 									</Button>
 								}
diff --git a/frontend/src/components/SessionActivityPanel.tsx b/frontend/src/components/SessionActivityPanel.tsx
index 6eeb6ae..8180552 100644
--- a/frontend/src/components/SessionActivityPanel.tsx
+++ b/frontend/src/components/SessionActivityPanel.tsx
@@ -168,6 +168,7 @@ export function SessionActivityPanel({
 										<Button
 											variant="outline"
 											size="sm"
+											className="mobile-touch-target"
 											onClick={(event) => {
 												event.stopPropagation();
 												onSelectSession(session);
diff --git a/frontend/src/components/WidgetConfigDialog.tsx b/frontend/src/components/WidgetConfigDialog.tsx
index e70ff23..8634442 100644
--- a/frontend/src/components/WidgetConfigDialog.tsx
+++ b/frontend/src/components/WidgetConfigDialog.tsx
@@ -315,6 +315,7 @@ export function WidgetConfigDialog({ open, onClose }: Props) {
 			<div className="flex items-center gap-2">
 				<Switch
 					id="widget-enabled"
+				className="mobile-touch-target"
 					checked={draft.enabled}
 					onCheckedChange={(checked) =>
 						setDraft({ ...draft, enabled: checked })
@@ -377,7 +378,7 @@ export function WidgetConfigDialog({ open, onClose }: Props) {
 									<Button
 										variant="ghost"
 										size="icon"
-										className="h-8 w-8"
+										className="mobile-touch-target h-8 w-8"
 										disabled={index === 0}
 										onClick={() => moveInstance(index, -1)}
 									>
@@ -386,21 +387,22 @@ export function WidgetConfigDialog({ open, onClose }: Props) {
 									<Button
 										variant="ghost"
 										size="icon"
-										className="h-8 w-8"
+										className="mobile-touch-target h-8 w-8"
 										disabled={index === sortedInstances.length - 1}
 										onClick={() => moveInstance(index, 1)}
 									>
 										<ChevronDown className="h-4 w-4" />
 									</Button>
 									<Switch
-										checked={instance.enabled}
+							className="mobile-touch-target"
+								checked={instance.enabled}
 										onCheckedChange={() => toggleEnabled(instance)}
 										aria-label={`Toggle ${instance.title}`}
 									/>
 									<Button
 										variant="ghost"
 										size="icon"
-										className="h-8 w-8"
+										className="mobile-touch-target h-8 w-8"
 										onClick={() => startEdit(instance)}
 									>
 										<Pencil className="h-4 w-4" />
@@ -408,7 +410,7 @@ export function WidgetConfigDialog({ open, onClose }: Props) {
 									<Button
 										variant="ghost"
 										size="icon"
-										className="h-8 w-8 text-destructive"
+										className="mobile-touch-target h-8 w-8 text-destructive"
 										onClick={() => removeInstance(instance)}
 									>
 										<Trash2 className="h-4 w-4" />
@@ -428,6 +430,7 @@ export function WidgetConfigDialog({ open, onClose }: Props) {
 							key={b.kind}
 							variant="outline"
 							size="sm"
+							className="mobile-touch-target"
 							onClick={() => startAddBuiltIn(b.kind)}
 						>
 							<Plus className="mr-1 h-3 w-3" />
@@ -442,6 +445,7 @@ export function WidgetConfigDialog({ open, onClose }: Props) {
 									key={`${s.id}:${w.kind}`}
 									variant="outline"
 									size="sm"
+									className="mobile-touch-target"
 									onClick={() => startAddService(s.id, w.kind)}
 								>
 									<Plus className="mr-1 h-3 w-3" />
diff --git a/frontend/src/pages/Actions.tsx b/frontend/src/pages/Actions.tsx
index 82d159a..46a17f3 100644
--- a/frontend/src/pages/Actions.tsx
+++ b/frontend/src/pages/Actions.tsx
@@ -367,7 +367,7 @@ export function Actions() {
 						<Button
 							variant="outline"
 							size="sm"
-							className="w-full"
+							className="mobile-touch-target w-full"
 							onClick={createNew}
 						>
 							Add action
diff --git a/frontend/src/pages/Dashboard.tsx b/frontend/src/pages/Dashboard.tsx
index 0b4992f..f71294d 100644
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -354,6 +354,7 @@ function ShortcutDialog({
 					<div className="flex items-center gap-2">
 						<Switch
 							id="shortcut-enabled"
+							className="mobile-touch-target"
 							checked={draft.enabled}
 							onCheckedChange={(checked) =>
 								onChange({ ...draft, enabled: checked })
@@ -424,13 +425,14 @@ function ShortcutCard({
 						size="sm"
 						disabled={!shortcut.enabled || !href}
 						onClick={onOpen}
+						className="mobile-touch-target"
 					>
 						Open
 					</Button>
-					<Button size="sm" variant="outline" onClick={onEdit}>
+					<Button size="sm" variant="outline" onClick={onEdit} className="mobile-touch-target">
 						Edit
 					</Button>
-					<Button size="sm" variant="destructive" onClick={onDelete}>
+					<Button size="sm" variant="destructive" onClick={onDelete} className="mobile-touch-target">
 						Delete
 					</Button>
 				</div>
diff --git a/frontend/src/pages/FileBrowser.impl.tsx b/frontend/src/pages/FileBrowser.impl.tsx
index 7fb2434..fa84977 100644
--- a/frontend/src/pages/FileBrowser.impl.tsx
+++ b/frontend/src/pages/FileBrowser.impl.tsx
@@ -879,6 +879,7 @@ export function FileBrowser() {
 								variant="outline"
 								size="sm"
 								onClick={() => navigateToSettings("/settings")}
+								className="mobile-touch-target"
 							>
 								Open Settings
 							</Button>
diff --git a/frontend/src/pages/Media.tsx b/frontend/src/pages/Media.tsx
index 3bbf835..cf3cef2 100644
--- a/frontend/src/pages/Media.tsx
+++ b/frontend/src/pages/Media.tsx
@@ -167,6 +167,7 @@ function MediaMobilePagination({
 						}
 						disabled={pageIndex <= 0}
 						aria-label="Previous page"
+						className="mobile-touch-target"
 					>
 						Previous
 					</Button>
@@ -180,6 +181,7 @@ function MediaMobilePagination({
 							}))
 						}
 						disabled={pageIndex >= pageCount - 1}
+						className="mobile-touch-target"
 						aria-label="Next page"
 					>
 						Next
diff --git a/frontend/src/pages/ServicePage.tsx b/frontend/src/pages/ServicePage.tsx
index 453a534..7f2603a 100644
--- a/frontend/src/pages/ServicePage.tsx
+++ b/frontend/src/pages/ServicePage.tsx
@@ -238,6 +238,7 @@ export function ServicePage() {
 					<div className="flex items-center gap-2">
 						<Switch
 							id="service-enabled"
+							className="mobile-touch-target"
 							checked={enabled}
 							onCheckedChange={setEnabled}
 						/>
diff --git a/frontend/src/pages/ServicesPage.tsx b/frontend/src/pages/ServicesPage.tsx
index 057e5c3..a9ff467 100644
--- a/frontend/src/pages/ServicesPage.tsx
+++ b/frontend/src/pages/ServicesPage.tsx
@@ -234,6 +234,7 @@ function CreateServiceDialog({
 							<div className="flex items-center gap-2">
 								<Switch
 									id="service-enabled"
+									className="mobile-touch-target"
 									checked={draft.enabled}
 									onCheckedChange={(checked) =>
 										setDraft({ ...draft, enabled: checked })
@@ -328,6 +329,7 @@ export function ServicesPage() {
 												<Button
 													variant="ghost"
 													size="sm"
+													className="mobile-touch-target"
 													onClick={() =>
 														navigate(`/services/${s.service_type}/${s.id}`)
 													}
@@ -337,7 +339,7 @@ export function ServicesPage() {
 												<Button
 													variant="ghost"
 													size="icon"
-													className="h-8 w-8 text-destructive"
+													className="mobile-touch-target h-8 w-8 text-destructive"
 													onClick={() => setDeleteId(s.id)}
 												>
 													<Trash2 className="h-4 w-4" />
diff --git a/frontend/src/pages/Settings.tsx b/frontend/src/pages/Settings.tsx
index 40ab5be..71811fe 100644
--- a/frontend/src/pages/Settings.tsx
+++ b/frontend/src/pages/Settings.tsx
@@ -232,6 +232,7 @@ function MachineEditor({
 						<div className="flex items-center gap-2">
 							<Switch
 								id="machine-enabled"
+								className="mobile-touch-target"
 								checked={draft.enabled}
 								onCheckedChange={(checked) =>
 									setDraft((current) => ({ ...current, enabled: checked }))
@@ -534,7 +535,7 @@ function SSHKeyManager({
 					<Button
 						variant="outline"
 						size="sm"
-						className="w-full"
+						className="mobile-touch-target w-full"
 						onClick={() => {
 							clear();
 						}}
@@ -782,6 +783,7 @@ function ResetLocalDatabaseCard() {
 					<div className="flex flex-col gap-3">
 						<label className="flex items-center gap-2 text-sm">
 							<Checkbox
+								className="mobile-touch-target"
 								checked={ackSettings}
 								onCheckedChange={(checked) => setAckSettings(Boolean(checked))}
 							/>
@@ -789,6 +791,7 @@ function ResetLocalDatabaseCard() {
 						</label>
 						<label className="flex items-center gap-2 text-sm">
 							<Checkbox
+								className="mobile-touch-target"
 								checked={ackIndex}
 								onCheckedChange={(checked) => setAckIndex(Boolean(checked))}
 							/>
@@ -796,6 +799,7 @@ function ResetLocalDatabaseCard() {
 						</label>
 						<label className="flex items-center gap-2 text-sm">
 							<Checkbox
+								className="mobile-touch-target"
 								checked={ackIrreversible}
 								onCheckedChange={(checked) =>
 									setAckIrreversible(Boolean(checked))
@@ -973,7 +977,7 @@ export function Settings() {
 										<Button
 											variant="outline"
 											size="sm"
-											className="w-full"
+											className="mobile-touch-target w-full"
 											onClick={() => {
 												clearSSHValidation();
 												setMachineDraft(emptyMachine("local"));
diff --git a/frontend/src/pages/UsersPage.impl.tsx b/frontend/src/pages/UsersPage.impl.tsx
index 0061357..2c4bcb4 100644
--- a/frontend/src/pages/UsersPage.impl.tsx
+++ b/frontend/src/pages/UsersPage.impl.tsx
@@ -891,9 +891,10 @@ export function UsersPage() {
 							<div className="flex flex-wrap gap-1">
 								<Tooltip>
 									<TooltipTrigger asChild>
-										<UiButton
+<UiButton
 											variant="ghost"
 											size="icon"
+											className="mobile-touch-target"
 											onClick={() => insertMarkup("<strong>", "</strong>")}
 											aria-label="Bold"
 										>
@@ -904,9 +905,10 @@ export function UsersPage() {
 								</Tooltip>
 								<Tooltip>
 									<TooltipTrigger asChild>
-										<UiButton
+<UiButton
 											variant="ghost"
 											size="icon"
+											className="mobile-touch-target"
 											onClick={() => insertMarkup("<em>", "</em>")}
 											aria-label="Italic"
 										>
@@ -917,9 +919,10 @@ export function UsersPage() {
 								</Tooltip>
 								<Tooltip>
 									<TooltipTrigger asChild>
-										<UiButton
+<UiButton
 											variant="ghost"
 											size="icon"
+											className="mobile-touch-target"
 											onClick={addLink}
 											aria-label="Link"
 										>
@@ -930,9 +933,10 @@ export function UsersPage() {
 								</Tooltip>
 								<Tooltip>
 									<TooltipTrigger asChild>
-										<UiButton
+<UiButton
 											variant="ghost"
 											size="icon"
+											className="mobile-touch-target"
 											onClick={() => insertMarkup("<ul><li>", "</li></ul>")}
 											aria-label="Bullet list"
 										>
@@ -994,7 +998,7 @@ export function UsersPage() {
 											type="button"
 											aria-label={`Remove ${file.name}`}
 											onClick={() => removeAttachment(index)}
-											className="inline-flex items-center text-current [&>svg]:size-3"
+											className="mobile-touch-target inline-flex items-center text-current [&>svg]:size-3"
 										>
 											<Trash2 />
 										</button>