diff --git a/web/src/lib/components/desktop-shell/Taskbar.svelte b/web/src/lib/components/desktop-shell/Taskbar.svelte
index fab42d9..8745a93 100644
--- a/web/src/lib/components/desktop-shell/Taskbar.svelte
+++ b/web/src/lib/components/desktop-shell/Taskbar.svelte
@@ -109,12 +109,12 @@
   <div class="flex shrink-0 items-center gap-0.5">
     <button
       type="button"
-      class="flex items-center justify-center gap-1.5 rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground"
+      class="flex items-center justify-center rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground"
       onclick={() => toggleTheme()}
-      title="Cycle theme"
+      title="Cycle theme ({THEME_LABELS[getTheme()]})"
+      aria-label="Cycle theme, currently {THEME_LABELS[getTheme()]}"
     >
       <PaletteIcon class="size-4" />
-      <span class="hidden text-xs sm:inline">{THEME_LABELS[getTheme()]}</span>
     </button>
     <button
       type="button"
diff --git a/web/src/pages/Knowledge.svelte b/web/src/pages/Knowledge.svelte
index 64baac3..8c149f8 100644
--- a/web/src/pages/Knowledge.svelte
+++ b/web/src/pages/Knowledge.svelte
@@ -43,7 +43,7 @@
   }
 </script>
 
-<div class="flex h-full flex-col gap-4 p-4 md:p-6">
+<div class="flex h-full flex-col gap-4 p-2">
   <div class="flex items-center justify-between">
     <h1 class="text-lg font-semibold">Knowledge</h1>
   </div>
diff --git a/web/src/pages/KnowledgeBase.svelte b/web/src/pages/KnowledgeBase.svelte
index 814a13e..c858c93 100644
--- a/web/src/pages/KnowledgeBase.svelte
+++ b/web/src/pages/KnowledgeBase.svelte
@@ -184,7 +184,7 @@
   })
 </script>
 
-<div class="flex h-full flex-col gap-3 p-4">
+<div class="flex h-full flex-col gap-3 p-2">
   <!-- single toolbar row: the search box is shared by both views (graph
        highlights nodes, table filters rows); the Inactive toggle + count are
        table-only; the graph/table switch sits inline on the right. -->
diff --git a/web/src/pages/Learning.svelte b/web/src/pages/Learning.svelte
index 4e8e858..ab59291 100644
--- a/web/src/pages/Learning.svelte
+++ b/web/src/pages/Learning.svelte
@@ -79,7 +79,7 @@
   }
 </script>
 
-<div class="flex h-full flex-col gap-4 overflow-y-auto p-4 md:p-6">
+<div class="flex h-full flex-col gap-4 overflow-y-auto p-2">
   <h1 class="text-lg font-semibold">Learning</h1>
 
   <Card.Root>
diff --git a/web/src/pages/Ops.svelte b/web/src/pages/Ops.svelte
index ccb7ae0..251d0e9 100644
--- a/web/src/pages/Ops.svelte
+++ b/web/src/pages/Ops.svelte
@@ -102,7 +102,7 @@
   ]
 </script>
 
-<div class="flex h-full flex-col gap-4 p-4 md:p-6">
+<div class="flex h-full flex-col gap-4 p-2">
   <h1 class="text-lg font-semibold">Operations ledger</h1>
 
   <Tabs.Root value="approvals" class="flex flex-1 flex-col overflow-hidden">
diff --git a/web/src/pages/Signals.svelte b/web/src/pages/Signals.svelte
index a045af6..cd02452 100644
--- a/web/src/pages/Signals.svelte
+++ b/web/src/pages/Signals.svelte
@@ -98,7 +98,7 @@
   const columnsWithoutActions = makeColumns(false, null)
 </script>
 
-<div class="flex h-full flex-col gap-4 p-4 md:p-6">
+<div class="flex h-full flex-col gap-4 p-2">
   <div class="flex items-center justify-between">
     <h1 class="text-lg font-semibold">Signals</h1>
     <Select.Root type="single" bind:value={severityFilter}>