diff --git a/web/sections/LayoutPanel.tsx b/web/sections/LayoutPanel.tsx
index 4a19310..d2e0fde 100644
--- a/web/sections/LayoutPanel.tsx
+++ b/web/sections/LayoutPanel.tsx
@@ -4,7 +4,7 @@ import { useClient } from 'hooks/useClient';
 import { readableError } from '../errors';
 import { useFlash } from '../useFlash';
 import { useAutosave } from '../useAutosave';
-import { usePreviewable, useViewMode } from '../ViewMode';
+import { DEVICES, usePreviewable, useViewMode } from '../ViewMode';
 import { applySpacing, paintMeasure, type SpacingDraft } from '../canvas';
 import { SitePreview, useDevPort } from '../SitePreview';
 import { useEditorSlot } from '../useEditorSlot';
@@ -347,7 +347,13 @@ export const LayoutPanel = () => {
           </AccordionContent>
         </AccordionItem>
         <AccordionItem value="padding" className="rounded-lg border border-border px-4">
-          <AccordionTrigger className={SECTION_TITLE}>Spacing</AccordionTrigger>
+          <AccordionTrigger className={SECTION_TITLE}>
+            Spacing
+            {/* Which width these numbers are for. Every field in here writes one breakpoint, chosen by
+                the tabs at the top of the panel — so the title has to say which, or the same six
+                selects mean six different things depending on something above them. */}
+            <span className="ml-1.5 font-normal text-muted-foreground">({DEVICES[device].label})</span>
+          </AccordionTrigger>
           <AccordionContent>
                 {/* Three bands. PaddingTab is still the per-SECTION control, for the pages. */}
                 <SpacingTab