diff --git a/packages/blocks/src/lib/navigation-map/components/input/geometry.svelte b/packages/blocks/src/lib/navigation-map/components/input/geometry.svelte
index 526e6ec2..89682c26 100644
--- a/packages/blocks/src/lib/navigation-map/components/input/geometry.svelte
+++ b/packages/blocks/src/lib/navigation-map/components/input/geometry.svelte
@@ -93,7 +93,7 @@ const shapeMap = {
     selected={shapeMap[geometry.type]}
     on:input={handleShapeSelect}
   >
-    <svelte:fragment slot="label">Shape</svelte:fragment>
+    <svelte:fragment slot="legend">Shape</svelte:fragment>
   </ToggleButtons>
 
   {#if geometry.type === 'box'}
diff --git a/packages/core/package.json b/packages/core/package.json
index 168088fe..b2fa46c2 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime-core",
-  "version": "0.0.163",
+  "version": "0.0.164",
   "repository": {
     "type": "git",
     "url": "https://github.com/viamrobotics/prime.git",
diff --git a/packages/core/src/lib/__tests__/toggle-button.spec.ts b/packages/core/src/lib/__tests__/toggle-button.spec.ts
index a8e94610..5f5e1cf5 100644
--- a/packages/core/src/lib/__tests__/toggle-button.spec.ts
+++ b/packages/core/src/lib/__tests__/toggle-button.spec.ts
@@ -63,15 +63,15 @@ describe('ToggleButtons', () => {
     expect(onInput).not.toHaveBeenCalled();
   });
 
-  it('Renders the legend correctly', () => {
+  it('Renders the label correctly', () => {
     render(ToggleButtons, common);
     expect(screen.getByText('Test toggle buttons')).toBeVisible();
   });
 
-  it('Renders the legend correctly when disabled', () => {
+  it('Renders the label correctly when disabled', () => {
     render(ToggleButtons, { ...common, disabled: true });
 
-    const legend = screen.getByText('Test toggle buttons');
-    expect(legend).toHaveClass('text-disabled-dark cursor-not-allowed');
+    const label = screen.getByText('Test toggle buttons');
+    expect(label).toHaveClass('text-disabled-dark cursor-not-allowed');
   });
 });
diff --git a/packages/core/src/lib/__tests__/toggle-buttons.spec.svelte b/packages/core/src/lib/__tests__/toggle-buttons.spec.svelte
index 903b5a63..7f6b60d6 100644
--- a/packages/core/src/lib/__tests__/toggle-buttons.spec.svelte
+++ b/packages/core/src/lib/__tests__/toggle-buttons.spec.svelte
@@ -12,5 +12,5 @@ export let disabled = false;
   {disabled}
   on:input
 >
-  <svelte:fragment slot="label">Test toggle buttons</svelte:fragment>
+  <svelte:fragment slot="legend">Test toggle buttons</svelte:fragment>
 </ToggleButton>
diff --git a/packages/core/src/lib/toggle-button.svelte b/packages/core/src/lib/toggle-button.svelte
index 91ca39a2..ec33a329 100644
--- a/packages/core/src/lib/toggle-button.svelte
+++ b/packages/core/src/lib/toggle-button.svelte
@@ -60,7 +60,7 @@ const handleClick = (value: string) => {
   class={cx('flex', extraClasses)}
   {...$$restProps}
 >
-  {#if $$slots.label}
+  {#if $$slots.legend}
     <label
       class={cx(
         cx('mb-1 flex text-xs', {
@@ -69,7 +69,7 @@ const handleClick = (value: string) => {
         })
       )}
     >
-      <slot name="label" />
+      <slot name="legend" />
     </label>
   {/if}
 
diff --git a/packages/core/src/routes/+page.svelte b/packages/core/src/routes/+page.svelte
index b7c93f8b..4c7dbdcf 100644
--- a/packages/core/src/routes/+page.svelte
+++ b/packages/core/src/routes/+page.svelte
@@ -1840,7 +1840,7 @@ const onHoverDelayMsInput = (event: Event) => {
       selected={toggleButtonSelecteds[1]}
       on:input={createHandleToggleButtons(1)}
     >
-      <svelte:fragment slot="label">Preselected toggle</svelte:fragment>
+      <svelte:fragment slot="legend">Preselected toggle</svelte:fragment>
     </ToggleButtons>
 
     <ToggleButtons
@@ -1849,7 +1849,7 @@ const onHoverDelayMsInput = (event: Event) => {
       selected={toggleButtonSelecteds[2]}
       on:input={createHandleToggleButtons(2)}
     >
-      <svelte:fragment slot="label">Disabled toggle</svelte:fragment>
+      <svelte:fragment slot="legend">Disabled toggle</svelte:fragment>
     </ToggleButtons>
 
     <ToggleButtons
@@ -1858,7 +1858,7 @@ const onHoverDelayMsInput = (event: Event) => {
       selected={toggleButtonSelecteds[3]}
       on:input={createHandleToggleButtons(3)}
     >
-      <svelte:fragment slot="label">Full width</svelte:fragment>
+      <svelte:fragment slot="legend">Full width</svelte:fragment>
     </ToggleButtons>
   </div>